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 for animation

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

Answer 1

类似于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()。

清除sideDown jquery的队列

1 个答案: