<div class="menu_first_list"> <a class="firstA">SaineImsne</a>
<ul>
<li class="san"> <a href='javascript:;'>同级1</a>
<div class="sanjie" id="sanjie" style="display:none;">
<dd><a href="">下级1</a></dd>
<dd><a href="">下级2</a></dd>
<dd><a href="">下级3</a></dd>
</div>
</li>
<li class="san"> <a href='javascript:;'>同级2</a>
<div class="sanjie" id="sanjie" style="display:none;">
<dd><a href="">下级1</a></dd>
<dd><a href="">下级2</a></dd>
<dd><a href="">下级3</a></dd>
</div>
</li>
<li class="san"> <a href='javascript:;'>同级3</a>
<div class="sanjie" id="sanjie" style="display:none;">
<dd><a href="">下级1</a></dd>
<dd><a href="">下级2</a></dd>
<dd><a href="">下级3</a></dd>
</div>
</li>
<script>
$(document).ready(function() {
$('ul .san').click(function(){//绑定点击事件
if($(this).children('#sanjie').is(':hidden')){//如果当前隐藏
$(this).children('#sanjie').show(500);//那么就显示当前下级的div
$(this).siblings().children('#sanjie').hide(500);//同级的下级div隐藏
}else{//否则
$(this).children('#sanjie').hide(500);//那么就隐藏当前下级的div
}
})
})
</script>
</ul>
</div>
//siblings同胞的意思
//children下级
JQ之点击本身显示下级,同级下级隐藏
最新推荐文章于 2022-08-18 17:15:02 发布