JavaScript/jQueryをシーケンスで実行するにはどうすればいいですか

Question

私は2つのディビジョンを含むHTMLファイルを持っています。 1つは「歓迎」というIDを持ち、もう1つは「welcome_distort」という名前です。

jQueryをインポートすると、これらのdivで動作するいくつかのコードを含む別個のjsファイルがあります。

$("#welcome").fadeTo(50,0.1); 
$("#welcome").fadeTo(10,1.0); 
$("#welcome").fadeTo(10,0.1); 
$("#welcome").fadeTo(10,1.0); 
$("#welcome").fadeTo(1000,0.0); 

$("#welcome_distort").css({opacity:"1.0"}); 

すべてのfadeTo（）コマンドは、順番に機能します。私がしたいのは、これらのfadeTo（）の後ろにあるcss（）コマンドです。実際、welcome_distortの操作は、welcomeの最初の操作と同時に行われます。私の質問は：最後の.fadeTo（）の後に実行する.css（）操作を取得する方法です。

多くのおかげで、 ジョン

Answer 1

fadetoは、アニメーションが完了した後に実行するコールバックオプションを持っています。私のコードは、http://api.jquery.com/fadeTo

$('#welcome').fadeTo(1000,0.0, function() { 
     $("#welcome_distort").css({opacity:"1.0"}); 
    });