By default the jQuery queue that is created for animate() is done per element, I\'m wondering if there is a way to create a single queue for all animations done with animate()?
.animate() has a queue option that will only allow one effect per element:
.animate()
queue
queue: A Boolean indicating whether to place the animation in the effects queue. If false, the animation will begin immediately.
$('div').animate({ height: 50, queue: false });