Is there a jQuery event that fires when all effects are done running

Question

The title explains the question, otherwise is there way to call a function when all the effects on a page are done running?

Answer 1

You might be able to make use of .queue to get the functionality you are after. If the length of the queue was 0 you would know that all animations on the object are finished.

Documentation

Answer 2

You could nest your animations like this

$('#Div1').slideDown('fast', function(){
   $('#Div2').slideUp('fast');
});

And do them sequentially...

You could also do something like this:

var animations = 0;
checkAnimation(1);
$('#Div1').slideDown('fast', function(){
   checkAnimation(-1);
});

checkAnimation(count){
   animations += count;
   if(count == 0)
      //animations complete
   }
   else {
       //still animating
   }
}

Hope this helps.