jQuery - 等待fadeout在运行fadeIn之前完成

Question

我想知道如果是在fadeIn开始之前等待fadeOut完成的任何方法，因为当我运行下面的代码时，它将一个div放在另一个下面，然后当它消失时，它向上移动......看起来有点难看。

代码如下：

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

Answer 1

的fadeOut函数，它执行时的动画完成回调：

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

Answer 2

另一种选择是使用的承诺，这将等待所有未决动画即使他们在其他地方启动，也可以在.sidebarform上完成：

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