jQuery slideToggle在悬停时保持打开状态

Question

我有一个div，我绑定了jQuery悬停事件，使用slideToggle激活slideDown：

<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上移动时，幻灯片会向上移动。我希望它悬停在红色或灰色方块上时保持不动。

感谢任何帮助。

Answer 1

更改它以使悬停在包含“Square”div的位置处于活动状态：

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