如何在jQuery动画完成后淡入html？

Question

html马上淡出，我希望它在动画完成后淡入。它是一个旋转到屏幕顶部的图像，然后我希望其余的部分渐渐淡入。我如何才能使它工作？

这里是我想淡入什么动画完成后：

$('header, .main').fadeIn(2000); 

下面是完整的jQuery：

$('.dimg-main').animate({ 
     top: "-=38%", 
     borderSpacing: -360 
    },{ 
     step: function(now) { 
      $(this).css('-webkit-transform','rotate('+now+'deg)'); 
      $(this).css('-moz-transform','rotate('+now+'deg)'); 
      $(this).css('transform','rotate('+now+'deg)'); 
     }, 
     duration:4000, 
    }), 
    $('header, main').fadeIn(2000); 

CSS：

header, main{display: none;} 

Answer 1

指定complete callback function 。

$('.dimg-main').animate({ 
    top: "-=38%", 
    borderSpacing: -360 
},{ 
    step: function(now) { 
     $(this).css('-webkit-transform','rotate('+now+'deg)'); 
     $(this).css('-moz-transform','rotate('+now+'deg)'); 
     $(this).css('transform','rotate('+now+'deg)'); 
    }, 
    duration:4000, 
    complete: function(){ 
     $('header, main').fadeIn(2000); 
    } 
});