¿Cómo puedo desvanecerme, cambiar la prueba y luego desvanecerme con jQuery limpiamente?

Question

He estado jugando con un div Tengo esos cambios en una acción del usuario. Quiero que se desvanezca, cambie el valor del nodo y luego fadeIn.

No importa lo que intento, siempre veo el cambio de valor a medida que el elemento se está desvaneciendo. ¿Alguien puede ayudar?

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

Este es el código que estoy usando ahora, pero lo intenté de diferentes maneras. Un retraso podría funcionar, pero seguramente estos de una manera más limpia?

Saludos, Denis

Answer 1

que el cambio y la aparición gradual de ocurrir en la devolución de llamada para fadeOut. Cuando lo haces en la devolución de llamada, el código no se ejecutará hasta después de que se complete el efecto.

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