首页 > 代码库 > JavaScript无限极菜单
JavaScript无限极菜单
<!DOCTYPE html><html><head> <title> New Document </title> <meta charset="utf-8" /> <style> h2 {margin: 0; padding: 0;} #ul1 ul {display: none;} #ul1 .next {color: red;} </style> <script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script> <script> $(function(){ $(‘#ul1 li‘).find(‘h2‘).click(function(){ var oUl = $(this).parent().find(‘ul‘)[0]; var aUl = $(this).parent().siblings(‘li‘).find(‘ul‘); $(aUl).slideUp(); $(aUl).not(oUl).attr(‘bClk‘,false); if($(oUl).attr(‘bClk‘)==‘true‘){ $(oUl).slideUp().attr(‘bClk‘,false); $(oUl).find(‘ul‘).slideUp().attr(‘bClk‘,false); }else{ $(oUl).slideDown().attr(‘bClk‘,true); } }) }); </script></head><body> <ul id="ul1"> <li><h2>1111</h2></li> <li><h2 class="next">2222</h2> <ul> <li><h2 class="next">aaaa</h2> <ul> <li><h2>aaaa</h2></li> <li><h2>bbbb</h2></li> <li><h2>cccc</h2></li> <li><h2>dddd</h2></li> </ul> </li> <li><h2 class="next">aaaa</h2> <ul> <li><h2>aaaa</h2></li> <li><h2 class="next">bbbb</h2> <ul> <li><h2>aaaa</h2></li> <li><h2>bbbb</h2></li> <li><h2>cccc</h2></li> <li><h2>dddd</h2></li> </ul> </li> <li><h2 class="next">cccc</h2> <ul> <li><h2>aaaa</h2></li> <li><h2>bbbb</h2></li> <li><h2>cccc</h2></li> <li><h2>dddd</h2></li> </ul> </li> <li><h2>dddd</h2></li> </ul> </li> <li><h2>cccc</h2></li> <li><h2>dddd</h2></li> </ul> </li> <li><h2 class="next">3333</h2> <ul> <li><h2 class="next">aaaa</h2> <ul> <li><h2>aaaa</h2></li> <li><h2>bbbb</h2></li> <li><h2>cccc</h2></li> <li><h2>dddd</h2></li> </ul> </li> <li><h2 class="next">aaaa</h2> <ul> <li><h2>aaaa</h2></li> <li><h2>bbbb</h2></li> <li><h2>cccc</h2></li> <li><h2>dddd</h2></li> </ul> </li> <li><h2>cccc</h2></li> <li><h2>dddd</h2></li> </ul> </li> <li><h2>4444</h2> </li> </ul></body></html>
来源:http://bbs.miaov.com/forum.php?mod=viewthread&tid=6112&page=1#pid16332
JavaScript无限极菜单
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。