jQuery一步一步的动画

Question

我希望三个元素一个接一个地淡出.

<span class="a">Step 1</span>
<span class="b">Step 2</span>
<span class="c">Step 3</span>

这是我的JS尝试when()和done()(也参见http://jsfiddle.net/wU9Qf/):

var step1 = $(".a").fadeIn(3000);
var step2 = function(){$(".b").fadeIn(3000);};
var step3 = function(){$(".c").fadeIn(3000);};

$.when(step1).done(step2);

我想fadeIn()一步一步(步骤1>步骤2>步骤3) - 我该怎么做？

Answer 1

这就是你问的问题吗？

$(".a").fadeIn(3000,function(){
    $(".b").fadeIn(3000, function(){
        $(".c").fadeIn(3000);
    });
});