jquery fadeTo après le délai

Question

Notre div #logo est réglé sur 0,8 opacité via css:

background:rgba(50,50,50,0.8) 

Après un délai, #logo est fanée à 0,4 et # principal de navigation est animé:

$("#main-navigation").delay(7000).slideUp(1000); 
$("#logo").delay(7000).fadeTo(1000,0.4); 

Lorsque la souris est déplacée, #logo est fanée à 0,99 et # principal de navigation est à nouveau animé:

var c; 
$(document).on('mousemove',function() {   
$("#logo").fadeTo(1000,0.99); 
$("#main-navigation").slideDown(1000); 
.... 

Ensuite, une minuterie est réglée et #logo helpshould être f Aded retour à 0,4 et # principal de navigation est animé une dernière fois:

.... 
clearTimeout(c); 
c= setTimeout(function(){ 
$("#logo").fadeTo(1000,0.4); 
$("#main-navigation").slideUp(1000); 
}, 2000); 
}); 

Tout fonctionne bien sauf pour la décoloration #logo retour à 0,4.

Toutes les idées seraient grandement appréciées!

Answer 1

Essayez d'utiliser .stop()

$("#logo").stop().fadeTo(1000,0.4); 

Si ce ne fonctionne pas, s'il vous plaît fournir un http://www.jsfiddle.net avec votre code correspondant

---

.stop()

.stop ([clearQueue ] [, jumpToEnd]) Retours: jQuery

Description: Arrête l'animation en cours d'exécution sur les éléments correspondants .