jQuery - Aspettando che il fadeOut si completi prima di eseguire fadeIn

Question

Mi chiedevo se è un modo per attendere che il fadeOut sia completo prima che inizi il fadeIn, come quando eseguo il seguente codice, posiziona un div sotto l'altro, poi quando è svanito si alza ... sembra un po 'brutto.

codice è il seguente:

$('.sidebarform').fadeOut('slow'); 
$('.sidebarsuccess').fadeIn('slow'); 

Answer 1

La funzione fadeOut ha un callback che viene eseguito quando l'animazione è fatto:

$('.sidebarform').fadeOut('slow', function() { 
    $('.sidebarsuccess').fadeIn('slow'); 
}); 

Answer 2

Un'altra opzione sta usando promessa che attendere che tutte le animazioni in sospeso su .sidebarform per completare per primo, anche se sono stati avviati altrove:

$('.sidebarform').fadeOut('slow').promise().done(function() { 
    $('.sidebarsuccess').fadeIn('slow'); 
});