设置元素的display属性可以控制其显示与隐藏：block表示显示，none表示隐藏，关键代码：
obj.style.display = "block" ["none"];
实例演示——点击标题控制相应ul的显示和隐藏状态
1、HTML结构
title-1title-2title-3
title-1-list-1title-1-list-2title-1-list-3
title-2-list-1title-2-list-2title-2-list-3
title-3-list-1title-3-list-2title-3-list-3
2、javascript代码
window.onload = function(){
var title = document.getElementById("test").getElementsByTagName("a");
var ul = document.getElementById("test").getElementsByTagName("ul");
for(i=0;i title[i].onclick = function(){
for(j=0;j ul[j].style.display = "none";
}
document.getElementById("ul_"+this.name).style.display = "block";
}
}
}
3、效果演示
