日期:2014-05-16 浏览次数:20358 次
<ul id="nav_left" class="nav_left"> <li onclick="showDiv(this,2,'up')"><a href="#">一级标题</a> <ul> <li onclick="showDiv(this,2,'up')"><a href="#">二级标题</a> <ul> <li><a href="#">三级标题</a> <ul> <li><a href="#">...</a> <ul> <li><a href="#">N级标题</a></li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <ul>
<li onclick="showDiv(event,this,2,'up');">
------解决方案--------------------
<style> ul{ display:none;border: 1px solid red;margin-left:10px} </style> <ul id="nav_left" class="nav_left" style="display: block"> <li><a href="#">一级标题</a> <ul> <li><a href="#">二级标题</a> <ul> <li><a href="#">三级标题</a> <ul> <li><a href="#">四级</a> <ul> <li><a href="#">N级标题</a></li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <ul> <script type="text/javascript"> $(document).ready(function(){ /* $("li").click(function (e) { $(this).children("ul").slideDown(300); e.stopPropagation();//阻止冒泡 }); $("li").mouseleave(function(e){ $(this).children("ul").slideUp(300); }); */ $("li").hover(function(){ $(this).children("ul").slideDown(300); },function(){ $(this).children("ul").slideUp(300); }) }) </script>