阻止jquery函数的双重执行？

Question

我已经设置了这个功能来显示一次在导航中定位的div。

$(document).ready(function(){ 
    $('.div1, .div2').hide(); 
    $("nav a").hover(function() { 
    var name= this.name; 
    $("."+name).fadeIn().siblings().hide(); 
    }); 
}); 

此功能，但如果我的切换非常快beteween我的导航元素，可能发生DIV1和DIV2出现在同一时间。

我该如何防止这种情况发生？

谢谢。

Answer 1

添加致电stop以在隐藏之前停止现有的动画。

$(document).ready(function(){ 
    $('.div1, .div2').hide(); 
    $("nav a").hover(function() { 
    var name= this.name; 
    $("."+name).fadeIn().siblings().stop(true, true).hide(); 
    }); 
});