js无限级折叠菜单精简版

<！DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>无限级折叠菜单 1.01 JS版</title> <meta name="keywords" content="hj1227 原创无限级折叠菜单 1.01js版"> <meta name="description" content="hj1227 原创无限级折叠菜单 1.01js版"> <style></style> </head> <body><h3>无限级折叠菜单 1.0.1 JS版</h3> <ul> <li>菜单_1_1 <ul> <li>菜单_2_1 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> <li id="end">菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> <li id="end">菜单_2_2 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> <li id="end">菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <li id="end">菜单_1_2 <ul> <li>菜单_2_1 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> <li id="end">菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> <li id="end">菜单_2_2 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> <li id="end">菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> <li id="end">菜单_4_2 <ul> <li>菜单_5_1</li> <li id="end">菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul><script type="text/javascript"> （function（e）{ for（var _obj=document.getElementById（e.id）.getElementsByTagName（e.tag）,i=-1,em;em=_obj[++i];）{ em.onclick = function（）{ //onmouseover var ul = this.nextSibling; if（！ul）{return false;} ul = ul.nextSibling; if（！ul）{return false;} if（e.tag ！= "a"）{ ul = ul.nextSibling; if（！ul）{return false;} } //a 标签控制 隐藏或删除该行 for（var _li=this.parentNode.parentNode.childNodes,n=-1,li;li=_li[++n];）{ if（li.tagName=="LI"）{ for（var _ul=li.childNodes,t=-1,$ul;$ul=_ul[++t];）{ switch（$ul.tagName）{ case "UL": $ul.className = $ul！=ul？"" : ul.className？"":"off"; break; case "EM": $ul.className = $ul！=this？"" : this.className？"":"off"; break; } } } } } } }）（{id:"menu",tag:"em"}）; </script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
在线演示 http://demo.jb51.net/js/2011/caidan/index.htm