указать разные задержки/продолжительность анимации jquery?

Question

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

Например, если я хочу сделать ДИВ расти, и постепенно исчезать во второй половине роста, я бы

mydiv.animate({width:450,height:250},1000); 
mydiv.delay(500).animate({opacity:0},500); 

однако, они выполняются последовательно, а не одновременно. Как я могу получить желаемый эффект?

Answer 1

jsBin demo

Просто установите queue: false для первого набора анимации.

mydiv.animate({ 
    width: 450, 
    height:250 
}, { duration: 1000, queue: false }); 

mydiv.delay(500).animate({ 
    opacity:0 
}, { duration: 500});