褪色進出的問題

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); 
    }); 
});