jquery点击事件显示和隐藏
未知
2021-08-05 17:24:51
0次
<ul class="list">
<li><a href="/m/" title="网站首页">网站首页</a></li>
<li>
<a href="javascript:;" class="clicka" title="大数据营销">大数据营销</a>
<ul style="display: none;" class="showul">
<li><a href="list.php?tid=8" title="AI智搜">AI智搜</a></li>
<li><a href="list.php?tid=15" title="全网推">全网推</a></li>
<li><a href="list.php?tid=16" title="微易发">微易发</a></li>
</ul>
</li>
<li>
<a href="javascript:;" class="clicka" title="直播教程">直播教程</a>
<ul style="display:none" class="showul">
<li><a href="list.php?tid=11" title="短视频询盘系统">短视频询盘系统</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
$(".clicka").click(function(){
if( $(this).siblings('.showul').hasClass("show") ){
// 执行隐藏
$(this).siblings('.showul').hide().removeClass("show")
// 其他
}else{
// 显示
$(this).siblings('.showul').show().addClass("show")
}
})
</script>
相关内容