防止jQuery函数重复两次效果？

Question

我想提出一个这样的:当用户的mouseenter DIV1,在DIV2会淡入和当用户鼠标移开 DIV1,DIV2将淡出

但是有些奇怪的事情正在发生,当你快速地进出DIV1时,DIV2的FADEIN和OUT效果会重复你的悬停总数.

例如:我在DIV1中快速进出10次,DIV2将继续FADE IN和OUT 10次,尽管我的鼠标没有徘徊.

我希望人们明白我在说什么.

码:

$('div1').bind('mouseenter', function() {
   $('div2').fadeIn(600);
});
$('div1').bind('mouseout', function() {
   $('div2').fadeOut(600);
});

感谢,并有一个愉快的一天 .

Answer 1

用于停止所有现有动画.stop(true,true)的mouseout事件

这是工作小提琴http://jsfiddle.net/XkmFy/