Подождите, пока анимация не завершится, чтобы запустить следующий

Question

У меня есть этот код:

$("div#element").hide("fast");
$("div#aelement-2").show("fast");

Как я могу заставить #aelement-2 исчезнуть после того, как #aelement исчезнет?

Answer 1

Я не уверен, что понимаю ваш вопрос, но вы можете использовать обратные вызовы:

$("div#element").hide("fast", function() {
    $("div#aelement-2").show("fast");
});

Это не начнет показывать #aelement-2, пока #element не выполнит анимацию.

Answer 2

Вы смотрели документацию? http://api.jquery.com/hide/

.hide( [duration] [, easing] [, callback] )

Параметр callback - это ваш ответ.

Answer 3

Вот пример: http://jsfiddle.net/f8key/1/

Вы можете использовать задержку ()

$("#d1").hide('fast');
$("#d2").delay('fast').show('fast');

Ссылка: http://api.jquery.com/delay/