<script>
function switchMenu(evt){
var ele=evt.target||evt.srcElement; //分别针对非ie和ie，获取事件的源对象
if(ele.tagName=="H1"){ //如果是<h1>
var ulu=ele.parentNode.getElementsByTagName("ul");
do{
ele=ele.nextSibling; //反复取下一个兄弟节点，直到节点为<ul>或为null
}while(ele&&ele.tagName!="UL");
for(var i=0;i<ulu.length;i++)
{
if(ele==ulu[i]){continue;}
ulu[i].style.display="none";
}
if(ele){
var display=evt.target?getComputedStyle(ele,null).display:
ele.currentStyle.display; //分别针对非ie和ie，获取<ul>的当前css属性display
ele.style.display=display=="none"?"":"none"; //切换
}
}
}
window.onload = function(){
var uls= document.getElementById("menu").getElementsByTagName("ul");
for(var i=1; i<uls.length; i++){uls[i].style.display = "none";}
}
</script>
<div id="menu" onclick="switchMenu(event)">
<h1>标题111</h1>
<ul>
<li>AAAAA</li>
<li>AAAAA</li>
</ul>
<h1>标题222</h1>
<ul>
<li>BBBBB</li>
<li>BBBBB</li>
</ul>
<h1>标题333</h1>
<ul>
<li>CCCCC</li>
<li>CCCCC</li>
</ul>
</div>
