Comment puis-je disparaître, changer de test, puis fondre avec jQuery proprement?

Question

J'ai joué avec un div que j'ai qui change sur une action de l'utilisateur. Je veux le faire disparaître, changer la valeur du nœud, puis fadeIn.

Peu importe ce que j'essaie, je vois toujours la valeur changer à mesure que l'élément disparaît. Quelqu'un peut-il aider?

 calculator_result.fadeOut(); 
     calculator_result.css("color", "#fff").html("€" + vRelief + ".00"); 
     calculator_result.fadeIn(); 

Ceci est le code que j'utilise maintenant mais j'ai essayé de différentes façons! Un retard pourrait fonctionner mais sûrement, c'est une façon plus propre?

Cheers, Denis

Answer 1

Faites le changement et le fondu en se produire dans la fonction de rappel pour fadeOut. Lorsque vous le faites dans le rappel, le code ne s'exécutera qu'après que l'effet soit terminé.

calculator_result.fadeOut('normal', function() { 
     $(this).css("color", "#fff").html("€" + vRelief + ".00") 
      .fadeIn(); 
});