如何解决这个jQuery问题

Question

我有2个div高于对方，在给定的时刻一个显示，另一个隐藏，脚本应显示＃div2当鼠标进入＃div1，并应显示＃div1时，鼠标叶子＃div2

当鼠标进入＃div1并离开之前，＃div2显示，所以＃div2将保持显示，但鼠标已经离开＃div2已经 任何帮助？

我的jQuery代码：

$('#div1').mouseenter(function(){ 
$('#div1').fadeOut("fast",function(){ 
    $('#div2').fadeIn("fast"); 
}); 
}); 

$('#div2').mouseleave(function(){ 
$('#div2').fadeOut("fast",function(){ 
    $('#div1').fadeIn("fast"); 
}); 
}); 

Answer 1

我会建议使用hover()这里：

$("#div1, #div2").hover(function() { 
    $(this).stop().fadeOut("fast"); 
}, function() { 
    $(this).stop().fadeIn("fast"); 
}); 

注：我在动画中使用stop()，这是一个很好的习惯进入。上述版本也允许这两个div有相同的处理程序，这会减少你的代码。