¿Cómo realizo el bloqueo de fadeOut en JQuery?

Question

más o menos como la pregunta dice, tengo algo de código que se ejecuta en un intervalo:

$("#blah").fadeOut(2000); 
$("#blah2").fadeIn(2000); 

me gustaría Fadeout, entonces fadeIn, en lugar de tener tanto ir al mismo tiempo. hay una manera fácil?

Answer 1

$("#blah").fadeOut(2000); 
$("#blah2").delay(2000).fadeIn(2000); 

O:

$("#blah").fadeOut(2000, function(){ 
    $("#blah2").fadeIn(2000); 
}); 

Answer 2

Debe utilizar la funcionalidad callback para asegurarse de que la animación finalice antes de llamar a otra. Parece que:

$('#blah').fadeOut(2000, function(){ 
    $('#blah2').fadeIn(2000); 
}); 

see. .fadeOut()

Answer 3

$('#blah').fadeOut(2000, function(){ 
    $("#blah2").fadeIn(2000); 
}); 

Como se explica en la documentation:

.fadeOut ([duración], [callback])

duración: Una cadena o número de determinar cuánto tiempo la animación se correr.

devolución de llamada: Una función para llamar una vez que se completa la animación .

Answer 4

$("#blah").fadeOut(2000); 
setTimeout('$("#blah2").fadeIn(2000);', 2000);