Question

I know how to wait till an animation is done with

$('#element').animate(speed,function(){
//code here
});

and with multiple elements with

$('#element1, #element2').promise().done(function(){
//code here
});

but how do I wait till all of the elements on the page are done animating? I would much rather not just put in every element that I’m waiting for in there.

Answer 1

To select everything that’s being animated currently, just do $(":animated")
http://api.jquery.com/animated-selector/

Combining that with what you already have there, it’d just be

$(":animated").promise().done(function() {
    //code here
});