如何用jquery来制作侧边导航栏？
发布网友
发布时间：2022-04-20 01:13
共1个回答
热心网友
时间：2023-07-10 15:39
<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库
