javascript - jQueryエフェクトを同時にではなく順番に実行するにはどうすればよいですか?

Question

sequence同時にではなく、jQuery で 2 つの効果を実行するにはどうすればよいですか? たとえば、次のコードを見てください。

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal");
    $("#projects").fadeIn("normal");
});

fadeOutとが同時に実行されますfadeInが、それらを次々に実行するにはどうすればよいですか?

Answer 1

エフェクトの完了後に実行されるエフェクト関数にコールバックを提供できます。

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal", function() {
        $("#projects").fadeIn("normal");
    });
});

Answer 2

必要なのはキューです。

実際の例については、リファレンス ページhttp://api.jquery.com/queue/を参照してください。

Answer 3

$( "#foo" ).fadeOut( 300 ).delay( 800 ).fadeIn( 400 );