树形菜单js代码

树形菜单js代码

<style type="text/css">
<!--
h1 {
font-size:14px;
font-weight: normal;
}
.auto_init {
font-size: 12px;
margin:20px 0;
width:140px;
border: 1px dashed #CCCCCC;
padding:10px;
}
.auto_init li {
list-style-type: none;
}
-->
</style>
<script language="javascript" type="text/javascript">
//div+css+js实现自动合并树形菜单js代码
function auto_init(id,no,n){
if(document.getElementById(id+'_'+no).style.display == 'none'){ //如果此层是隐藏的 显示此层
for(a=0;a<n;a++){
   document.getElementById(id+'_'+a).style.display = 'none';
}
document.getElementById(id+'_'+no).style.display = 'block';
}else{
document.getElementById(id+'_'+no).style.display = 'none'; //如果此层是显示的 隐藏此层
}
}
</script>
<div class="auto_init">
<h1><a href="#Menu=auto_init('dis',0,4);" |- 树形菜单</a></h1>
<ul id="dis_0" style="display:none;">
<li>|- js树形菜单</li>
<li>|- js树形菜单</li>
<li>|- js树形菜单</li>
</ul>
<h1 |- 树形菜单</h1>
<ul id="dis_1" style="display:none;">
<li>|- js树形菜单</li>
<li>|- js树形菜单</li>
<li>|- js树形菜单</li>
<li>|- js树形菜单</li>
</ul>
<h1 |- 树形菜单</h1>
<ul id="dis_2" style="display:none;">
<li>|- js树形菜单</li>
<li>|- js树形菜单</li>
</ul>
<h1 |- 树形菜单</h1>
<ul id="dis_3">
<li>|- js树形菜单</li>
<li>|- js树形菜单</li>
</ul>
</div>