jqueryイベントを同時に実行する

Question

jqueryクイズがあります。クイズを始めるには、「開始」ボタンをクリックする必要があります。 Onclick、ヘッダーテキストが削除され、クイズが垂直にセンタリングされます（これらはすべて同時に発生するはずです）。しかし、私のコードのために、ヘッダーテキストは削除されます次にクイズは中央揃えされています。どのように私はそれらを同時に動かすことができますか？

ここに私の障害のあるコードです：

$('#get-started').click(function(){ 
    $('#index-banner').fadeOut(200, "swing"); 
    $('#begin-exam').delay(210).fadeOut(180, "swing"); 

    setTimeout(function(){ 
     $('#content').animate({top:'25%'},700).addClass('center-exam'); 
    }, 209); 

    }); 

あなたがチェーンと、それが垂直

Answer 1

中心にすることができるように「センター試験」クラスは、単にクイズに「絶対」の位置を追加するにはあなたの.inaClassと一緒に '。' 1つは実行して完了し、もう1つは実行します。それらを別々のステートメントに入れることで、できるだけ同時に実行することができます。

$('#get-started').click(function(){ 
$('#index-banner').fadeOut(200, "swing"); 
$('#begin-exam').delay(210).fadeOut(180, "swing"); 

setTimeout(function(){ 
    $('#content').animate({top:'25%'},700); 
    $('#content').addClass('center-exam'); 
}, 209); 
});