Как сделать старт анимации JavaScript с задержкой выполнения?

Question

[SkyWayx]

Подскажите пожалуйста, как в этом коде правильно прописать, чтобы начало второй и третьей анимации начиналось, не одновременно с первой, а спустя 2 и 4 секунды соответственно?

$('.panel').animate({
    top:0,
    opacity:1
}, 1000);

$('.panel2').animate({
    top:50,
    opacity:1,  
}, 3000);

$('.panel3').animate({
    top:100,
    opacity:1
}, 5000);

Answer 1

[Виталий Киренков]

$('.panel2').delay(2000).animate({
    top:50,
    opacity:1,  
}, 3000);

$('.panel3').delay(4000).animate({
    top:100,
    opacity:1
}, 5000);

Comments

[SkyWayx]

Большое спасибо) а то писал delay после animate а не до)

Answer 2

[bromzh]

.delay()
Или используй анимации из GreenSock, там есть задержки для анимаций, и есть плагин, который заменяет стандартную jqery-вскую animate.