Выполнение jquery-событий одновременно

Question

Итак, у меня есть jquery quiz. И чтобы начать викторину, вы должны нажать кнопку «начать». 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

Когда цепь вместе с вашим .animate и вашим .addClass, соединяя их с. Один запускается и завершается, а затем запускается другой. Имея их в отдельных заявлениях, они могут быть и будут выполняться как можно ближе друг к другу.

$('#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); 
});