0

このコードに問題があります。複数のアニメーション効果が互いに実行されます。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");
});
4

1 に答える 1

0

このようなものですか？

これは私が持っているコードです:

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

それが行うことは、 を見つけること.ulsubmenuです。はeq[0]最初に見つかったものを取ります。.slideUp()私は slideToggle を使用しましたが、 andも使用できます.slideDown()。

于 2013-08-15T10:51:24.653 に答える