代码之家  ›  专栏  ›  技术社区  ›  Suffii

幻灯片问题在jQuery中切换打开的幻灯片

  •  3
  • Suffii  · 技术社区  · 10 年前

    我有一个jQuery函数,它可以在一些 <li> 元素。

    <li class="subtop"><a href="#">Sample 1</a>
        <ul class="sub-menu">
               <li><a href="#">Sample 1 - 1</a></li>
               <li><a href="#">Sample 1 - 2</a></li>
        </ul>
    </li>  
    .....
    <li class="subtop"><a href="#">Sample 6</a>
        <ul class="sub-menu">
               <li><a href="#">Sample 6 - 1</a></li>
               <li><a href="#">Sample 6 - 2</a></li>
        </ul>
    </li>  
    

    jquery类似于:

    $(".subtop").click(function(ev){
       ev.stopPropagation();
       $(this).each(function(){
       $(".sub-menu", this).slideToggle();
      });
    });
    

    代码正在上下滑动单击的元素的sun菜单,但我无法关闭现有的打开 sub-menu 当我点击另一个 subtop 你能告诉我怎么做吗?

    谢谢

    1 回复  |  直到 10 年前
        1
  •  1
  •   Mona Coder    10 年前

    试试看:

    $(".subtop").click(function(ev){
       ev.stopPropagation();
       $(".sub-menu").slideUp();
       $(this).each(function(){
       $(".sub-menu", this).slideToggle();
      });
    });