javascript - SlideToggle 在 jQuery 中打开幻灯片时出现问题

Question

我有一个 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();
  });
});

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

谢谢

Answer 1

试试这个:

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