Каков хороший подход к синхронизации анимаций JQuery?

Question

Как я сейчас понимаю, $ ("# someElement"). Animate () будет выполняться асинхронно относительно любых других операторов JavaScript. Например:

$("#anotherElement").css("display", "none");

$("#someElement").animate(); 

//Setting the CSS display may fire AFTER the animation takes place.

Если я правильно понимаю, как работают анимации, как мне:

1. Сделать анимацию синхронной с остальным моим кодом?
2. Если у меня есть анимации, которые я хотел бы заказать, которые влияют на различных элементов, как мне синхронизировать их для запуска в заданном порядке?

Спасибо за помощь.

Answer 1

1. Нет, вы не можете запускать анимацию синхронно (только обратные вызовы).
2. Используйте обратные вызовы для этого поведения.

Пример:

$('#elem1').animate(params, function () {
    $('#elem2').animate(params, function () {/* ...other elements */});
});