日期:2014-05-16 浏览次数:20454 次
<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>