Jquery if not mouseover 语句

Question

我正在尝试使用一些 jQuery 和 HTML。

我有两个包含各种内容的 div 元素容器。这两个元素彼此相邻。 div 不包含彼此。我编写了代码，以便当我将鼠标悬停在一个 div (div#1) 上时，另一个 div (div#2) 会向下滑动 (.slideDown)。

此外，当您鼠标移开 div#2 时，div#2 会向上滑动 (.slideUp)。

问题是如果div#2已经滑下来了，如果你再次鼠标悬停在div#1上，div#2会向上滑动并再次向下滑动。这非常烦人且不专业。只有当我的鼠标不在 div#1 上时，我才需要它向上滑动。

这是我的目标:我需要找到一个 jQuery 语句，它说，"仅当鼠标“超出”div#2 且未“超过” div#1 时，滑动div#2 向上。”

这可能吗？

感谢任何帮助。

谢谢。

Answer 1

您需要使用 .stop() 来停止动画，然后再为元素重新设置动画。这将防止队列被重复的动画填满:

$('#stop').hover(function() {
    $(this).stop().animate({width: '250px'});
}, function() {
    $(this).stop().animate({width: '150px'});
});

演示:http://jsfiddle.net/Blender/2TkNc/2/