请问一下以下这段代码是什么意思？

Question

function turnit(sss) {
var ss = document.getElementById(sss);
if (ss.style.display=="none") { 
ss.style.display="";
}
else {
ss.style.display="none";
}
}
一句一句的写出详细解释，谢谢！

Answer 1

function turnit(sss) {//定义个叫\'turnit\'的函数,他接受SSS这么一个参数var ss = document.getElementById(sss);//定义一个SS, 等效于第一个用sss值做ID的对象if (ss.style.display==\"none\") {//如果那个对象的CSS样式里的 可见性为 \"否\"ss.style.display=\"\";//将那个对象设置为\"可见\".}else {//反之ss.style.display=\"none\";//设为不可见}}--------这个函数通常用在网页的左菜单里.显示/隐藏子菜单用的.举例:<span onClick=\"turnit(caidan2)文章管理</span><ul id=\"caidan2\" style=\"display: none;\"><li><a href=\"??\">添加文章</a></li><li><a href=\"??\">删除文章</a></li><li><a href=\"??\">管理文章</a></li></ul>连同你上面的那个函数一起保存成网页就可以看到效果.函数要用<script></script>括住.

Answer 2

动态改变对应ID的显示状态和隐藏状态。