淡入淡出的问题

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 doc中我有#wrapper {display：none;}

当我运行#first_body的脚本行时，它运行得很好。 当我运行#wrapper脚本时，它也能完美运行。 问题只发生在我合并​​它们时。 请帮忙。 谢谢:)）

Answer 1

使用callbacks：

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