Jquery if not mouseover语句

我正在尝试使用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

。”

这可能吗

谢谢你的帮助

---

谢谢。

在重新设置元素动画之前，您需要使用

.stop（）

停止动画。这将防止队列中充满重复的动画：

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

---

演示：

如果我正确理解了你的问题，你应该这样做：

$('.div1').die('mouseover').live('mouseover',function(){
                                     $('.div2').slideDown();
                                     });
$('.div2').die('mouseover hover').live('mouseout',function(){
                                     $('.div2').slideUp();
                                     });