jquery - 为sideDown jquery清除队列

Question

我对这段代码有疑问，多个动画效果相互运行。当我在 navbarli1 上移动鼠标，然后在另一个具有 navbarli1 类的 li 上移动鼠标时，li 不再向下滑动。

HTML

<li class="navbarli1">
   <div class="liHover">
      <a href="" title="">آموزش</a>
      <div class="SubMenu">
         <ul class="ulsubmenu">
            <li>کلاس های حضوری</li>
            <li>کلاس های غیر حضوری</li>
         </ul>
      </div>
   </div>
</li>
<li class="navbarli1">
   <div class="liHover">
      <a href="" title="">فروش تجهیزات</a>
      <div class="SubMenu">
         <ul class="ulsubmenu">
            <li>سخت افزاری</li>
            <li>نرم افزاری</li>
         </ul>
      </div>
   </div>
</li>

用于动画的 jQuery

$(".navbarli1").mouseover(function () {
    $(".ulsubmenu", this).stop().slideDown("medium");
});
$(".navbarli1").mouseout(function () {
    $(".ulsubmenu", this).stop().slideUp("medium");
});

Answer 1

像这样的东西？

这是我的代码：

$(".navbarli1").mouseover(function () {
    $(this).find(".ulsubmenu").eq(0).stop().slideToggle();
});
$(".navbarli1").mouseout(function () {
    $(this).find(".ulsubmenu").eq(0).stop().slideToggle();
});

它的作用是找到.ulsubmenu's. eq[0]接受它找到的第一个。我使用了slideToggle，但你也可以使用.slideUp()and .slideDown()。