jquery - 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");
    }
);