无限级折叠菜单

<style type="text/css"> #extend{width:300px;} li{border:1px solid #ddd;margin:3px;} .on ul{display:block;} .off ul{display:none;} </style> 一个可以无限扩展层次级的折叠菜单<br /> <br /> <div id="extend"> <ul> <li><a href="#" _fcksavedurl="#">中国</a> <ul> <li class="off"><a href="#" _fcksavedurl="#">陕西</a> <ul> <li><a href="#" _fcksavedurl="#">西安</a></li> <li><a href="#" _fcksavedurl="#">商洛</a></li> </ul> </li> <li class="off"><a href="#" _fcksavedurl="#">黑龙江</a> <ul> <li><a href="#" _fcksavedurl="#">大庆</a></li> <li><a href="#" _fcksavedurl="#">鹤岗</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">安徽</a> <ul> <li><a href="#" _fcksavedurl="#">黄山</a></li> <li><a href="#" _fcksavedurl="#">六安</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">广东</a> <ul> <li><a href="#" _fcksavedurl="#">深圳</a> <ul> <li><a href="#" _fcksavedurl="#">罗湖</a> <ul> <li><a href="#" _fcksavedurl="#">地王大厦</a></li> <li><a href="#" _fcksavedurl="#">国贸大厦</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">福田</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">广州</a></li> </ul> </li> </ul> </li> <li><a href="#" _fcksavedurl="#">美国</a> <ul> <li><a href="#" _fcksavedurl="#">佛罗里达州</a></li> <li><a href="#" _fcksavedurl="#">俄勒冈</a></li> </ul> </li> </ul> </div> <script type="text/javascript"> (function(){ var o=document.getElementById("extend"); var links=o.getElementsByTagName("a"); for(var i=0;i<links.length;i++){ links[i].i=i; links[i].onclick=function(){ if(links[this.i].parentNode.className=="on"||links[this.i].parentNode.className==""){ links[this.i].parentNode.className="off"; }else{ links[this.i].parentNode.className="on"; } } } })(); </script>