我有一个 div,我已经绑定(bind)了 jQuery悬停事件以使用slideToggle激活幻灯片:
<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 上时,幻灯片会向上切换。我希望当鼠标悬停在红色或灰色方 block 上时它保持向下状态。
感谢任何帮助。
最佳答案
更改它,以便悬停在包含“Square”的 div 上处于事件状态:
$("div.Square").hover(
function() {
$(this).find("div.GraySquare").slideToggle("fast");
},
function() {
$(this).find("div.GraySquare").slideToggle("fast");
}
);
关于jQuery SlideToggle 在悬停时保持打开状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2460058/