jq 点击二级菜单，把同一级菜单的二级菜单消失
比如我点击第一个一级菜单，然后显示二级，但是其它一级菜单的二级菜单消失，应该怎做？
html：
<div class="left_a">
<li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li>
<ul>
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
</ul>
</div>
<div class="left_a">
<li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li>
<ul>
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
</ul>
</div>
慕村1106498浏览 3157回答 3
3回答
-
芦苇声
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> /*先用display属性隐藏列表*/ .left_a_1, .left_a_2 { display: none; } /*再用伪类选择器显示列表*/ .left_a:hover .left_a_1{display: block;} .left_a:hover .left_a_2{display: block;} </style> </head> <body> <div class="left_a"> <li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li> <ul class="left_a_1"> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> </ul> </div> <div class="left_a"> <li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li> <ul class="left_a_2"> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> </ul> </div> </body> </html>
随时随地看视频慕课网APP
Html/CSS
Html5
JQuery