Comment exécuter la fonction immédiatement?

J’ai 10 fonctions:

$("#one").mouseenter(function(){ $('#two,#three,#four,#five').fadeTo(700,0.2); }); $("#one").mouseleave(function(){ $('#two,#three,#four,#five').fadeTo(700,1); }); $("#two").mouseenter(function(){ $('#one,#three,#four,#five').fadeTo(700,0.2); }); $("#two").mouseleave(function(){ $('#one,#three,#four,#five').fadeTo(700,1); }); 

etc…

comment puis-je faire chaque fonction agir immédiatement? Pour le moment, ils attendent la fin de la fonction avant de commencer la suivante. Ce qui provoque le chaos si vous passez de div un à deux avant la fin de la fonction (par exemple).

 $("#one").stop().fadeTo() 

Documentation pour .stop , qui arrête toute animation en cours.

Je pourrais aussi vous suggérer d’utiliser des classes:

 $(".thing").mouseenter(function () { $(".thing").not(this).stop().fadeTo(700, 0.2); });