jQuery - fadeInを実行する前にfadeOutが完了するまで待つ

Question

fadeInが完了するまで待つ方法があるかどうかは、次のコードを実行すると、それが消えたときにそれは上に動いて...少し醜いように見えます。次のように

コードは次のとおりです。

fadeOut機能は、それがアニメーションが行われたときに実行するコールバックを持っている

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

Answer 1

：

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

Answer 2

別のオプションは、すべての保留中のアニメーションを待つことになる約束を使用している

他の場所で開始されたとしても最初に完了するには、.sidebarformを使用してください。

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