如何用jquery来制作侧边导航栏？

发布网友 发布时间：2022-04-20 01:13

我来回答

共1个回答

热心网友 时间：2023-07-10 15:39

<div class="leftlist">
<ul>
<li><a href="#" class="le">栏目1</a>
<ul style="display:block">
<li><a href="#">11111111</a></li>
<li><a href="#">11111111</a></li>
<li><a href="#">11111111</a></li>
</ul>
</li>
<li><a href="#" class="le">栏目2</a>
<ul>
<li><a href="#">2222222</a></li>
<li><a href="#">2222222</a></li>
<li><a href="#">2222222</a></li>
</ul>
</li>
<li><a href="#" class="le">栏目3</a>
<ul>
<li><a href="#">333333</a></li>
<li><a href="#">33333</a></li>
<li><a href="#">三33333目</a></li>
</ul>
</li>
</ul>
</div>

$(document).ready(function(){
var lea = $(".leftlist ul li a") //申明
lea.click(function(){ //给一个鼠标点击事件
$(this).siblings().show().parent().siblings().children("ul").hide();//同辈元素显示出来，然后父级元素的，同辈元素，子元素ul隐藏
});
})
你自己再稍作修改 . 记得加JQ库