我正在尝试使用一些jquery和html。
我有两个包含各种内容的元素容器。这两个元素彼此相邻。div不包含彼此。我编写了代码,这样当我将鼠标移到一个div(div
)上时,另一个div(div#1
)向下滑动(div#2
)。
此外,当您鼠标离开时,.slideDown
会向上滑动(div#2
)。
问题是,如果div#2
已经向下滑动,并且再次鼠标悬停.slideUp
,则div#2
将再次上下滑动。这很烦人也很不专业。我需要它向上滑动,只有当我的鼠标没有超过div#1
。
这就是我的目标:我需要找到一个jquery语句,上面写着,
只有当鼠标“离开”而不是“超过”div#2
时,才向上滑动。
这可能吗?
我很感激你的帮助。
谢谢。
最佳答案
在重新设置元素动画之前,需要使用.stop()
停止动画。这将防止队列中出现重复的动画:
$('#stop').hover(function() {
$(this).stop().animate({width: '250px'});
}, function() {
$(this).stop().animate({width: '150px'});
});
演示:http://jsfiddle.net/Blender/2TkNc/2/