上一篇: jquery文件类型选择器下一篇:如何在jQuery对话框中打开href链...

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

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jQuery slideToggle在悬停时保持打开状态，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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

任何帮助表示赞赏.

解决方法

更改它,以便悬停在包含“Square”div上处于活动状态：

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