jquery点击事件显示和隐藏

发布时间:2021-08-05作者:小灵龙点击:76

<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>
标签: