jquery - 清除sideDown jQuery的队列

我的这段代码有问题，多个动画效果相互运行。
当我在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");
});

最佳答案

this之类的东西？

这是我的代码：

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

它所做的是找到.ulsubmenu。 eq[0]采用找到的第一个。我使用了slideToggle，但是您也可以使用.slideUp()和.slideDown()。