3

私はslideToggleを使用してslideDownをアクティブにするためにjQueryホバーイベントをバインドしたdivを持っています: 

<div class="Square">
    <div class="RedSquare"></div>
    <div class="GraySquare"></div>
</div>

$("div.RedSquare").hover(
    function() {
        $(this).siblings("div.GraySquare").slideToggle("fast");
    },
    function() {
        $(this).siblings("div.GraySquare").slideToggle("fast");
    }
);

そのすぐ下にある div '.GraySquare' を切り替えます。基本的に、灰色のボックスを赤いボックスから下にスライドさせます。私が直面している問題は、マウスが灰色の div の上に移動すると、スライドがトグルすることです。赤または灰色の四角の上にカーソルを置いたときに、それを下げたままにしたい。

どんな助けでも大歓迎です。

4

1 に答える 1

7

含まれている「Square」divでホバーがアクティブになるように変更します。

$("div.Square").hover(
    function() {
        $(this).find("div.GraySquare").slideToggle("fast");
    },
    function() {
        $(this).find("div.GraySquare").slideToggle("fast");
    }
);
于 2010-03-17T05:31:17.463 に答える