jQuery Animate - применяет 2 разных атрибута анимации к одному элементу с 2 разными таймерами.

Question

Приведенный ниже jQuery прекрасно работает, но мне бы хотелось, чтобы в 2000 году были непрозрачность и marginLeft 4000. Я пытался дважды выполнить анимацию для элемента, но один не запустится, пока другой не завершится. Вот мой рабочий код:

$('.active-text', $('#message-box')).animate({opacity:1, marginLeft: "60px"}, 4000);

Вот что я пытался сделать, чтобы получить желаемый эффект:

$('.active-text', $('#message-box')).animate({opacity:1}, 2000);
$('.active-text', $('#message-box')).animate({marginLeft: "60px"}, 4000);

Answer 1

Установите queue: false в ваших анимациях, чтобы запустить его одновременно:

$('.active-text', $('#message-box')).animate({opacity:1}, { queue: false, duration: 2000 });
$('.active-text', $('#message-box')).animate({marginLeft: "60px"}, { queue: false, duration: 4000 });