褪色进出的问题

Question

我想淡入一个div然后淡出它 - 没有问题 然后我想淡出一个新的div在同一个地方 - 没有问题作为一个单一的努力 当我尝试。结合这两个动作，在新的div总是弹出上与不褪色屏幕的代码如下：

<script type="text/javascript"> 
    $(function() { 
     $(document).ready(function() { 
      $('#first_body').hide().fadeIn(5000); 
      $('#first_body').fadeOut(3000); 
      $('#wrapper').delay(500).fadeIn(5000); 
     }); 
    }); 
</script> 

在CSS文档我有#wrapper指定{显示：无;}

当我运行脚本的#first_body行，它完美地工作。 当我运行脚本的#wrapper行时，它也可以很好地工作。 只有当我将它们结合时才会出现问题。 请帮忙。 谢谢:)

Answer 1

使用callbacks：

$('#first_body').fadeIn(5000,function(){ 
    $(this).fadeOut(3000,function(){ 
     setTimeout(function(){ 
      $('#wrapper').fadeIn(5000); 
     },300); 
    }); 
});