每次只展开一组的折叠菜单

<script>
function switchMenu(evt){
var ele=evt.target||evt.srcElement; //分别针对非ie和ie，获取事件的源对象
if(ele.tagName=="H1"){  //如果是<h1>
var ulu=ele.parentNode.getElementsByTagName("ul");
for(var i=0;i<ulu.length;i++)
{
ulu[i].style.display="none";
}
do{
ele=ele.nextSibling;  //反复取下一个兄弟节点，直到节点为<ul>或为null
}while(ele&&ele.tagName!="UL");
if(ele){
var display=evt.target?getComputedStyle(ele,null).display:
ele.currentStyle.display; //分别针对非ie和ie，获取<ul>的当前css属性display
ele.style.display=display=="none"?"":"none"; //切换
}
}
}
</script>
<div οnclick="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>