阻止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(); 
    }); 
});