如何同时在单个元素上运行两个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
});

<强> Example on jsfiddle