Как заставить две анимации jQuery играть одновременно?

Question

На моем анимированном веб-сайте jQuery происходят следующие две вещи:

$('#myFirstDiv').animate({top: "15%"}, 3000); 
$('#mySecondDiv').animate({bottom: "15%"}, 3000);

Кажется, что эти две анимации происходят одна за другой, а не одновременно.Есть небольшая задержка, прежде чем вторая игра, около одной десятой секунды.Я хочу, чтобы они происходили одновременно.

Я пробовал это:

$('#myFirstDiv').animate({top: "15%"}, 3000); 
$('#mySecondDiv').animate({bottom: "15%"}, {duration:3000, queue: false});

но это, вероятно, неправильно.

Буду признателен за совет, как это сделать правильно.

Answer 1

Ваш код должен работать просто отлично.Анимация в jQuery является асинхронной, это означает, что если у вас есть два вызова анимации, второй будет вызван сразу после первого, даже если первая анимация все еще выполняется.Если в какой-то момент вы хотите, чтобы первый выполнялся до конца перед вторым, ваш код будет выглядеть как

$('#myFirstDiv').animate({top: "15%"}, 3000, function(){
  $('#mySecondDiv').animate({bottom: "15%"}, 3000);
});