jquery - スライドイン、フェードイン、フェードインを次々にシーケンスする方法は?

Question

ラインを下にスライドさせて、2 つのアイテムを次々とフェードインする必要があります。このコードを書いてみましたが、うまくいきません...

$(document).ready(function(){
    $(".verticalline").slideDown(2500,"linear",function(){
        $("#iwanimate").fadeIn(1000)
    },function(){
        $(".projects").fadeIn(1000);
        $(".company").fadeIn(1000);
    });
});

誰でもこれで私を助けることができますか？

Answer 1

無効な2 つの関数をslideDownに渡しています。2 番目の関数をfadeInに渡す必要があります。

$(document).ready(function(){
    $(".verticalline").slideDown(2500,"linear",function(){
        $("#iwanimate").fadeIn(1000,function(){
            $(".projects").fadeIn(1000);
            $(".company").fadeIn(1000);
        })
    });
});

Answer 2

callbackを使ってみてくださいfadein

お気に入り、

$(document).ready(function(){
    $(".verticalline").slideDown(2500,"linear",function(){
        $("#iwanimate").fadeIn(1000)
    },function(){
        $(".projects").fadeIn(1000,function(){// use callback function here
              $(".company").fadeIn(1000);
        });
    });
});