Как запустить две анимации jQuery на одном элементе одновременно

Question

Мы можем написать одну строку кода только в том случае, если функции анимации одинаковы, например animate( {top: "50px", opacity: 0} ), но как выполнять анимацию одновременно, если функции анимации разные, скажем, слайд вверх и animate( {top: "50px"} )?

Answer 1

При вызове .animate() установите значение queue в значение false, что приведет к одновременному запуску всех анимаций.

$('div').animate({
    opacity: 0.25,
    height: '400px',
}, {
    queue: false,
    duration: 5000
}).animate({
    width: '500px'
}, {
    queue: false,
    duration: 5000
});

Пример для jsfiddle