Empêche la double exécution d'une fonction jquery?

Question

J'ai configuré la fonction this pour afficher une div à la fois ciblée dans la navigation.

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

Cette fonction fonctionne, mais si je passe très vite beteween mon élément de navigation, il peut arriver que div1 et div2 apparaissent en même temps.

Comment puis-je empêcher cela?

Merci.

Answer 1

Ajoutez un appel à stop pour arrêter l'animation existante avant de la masquer.

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