Usage of animate(…):
queue an animation for a single element and wait until it finished

How to queue an animation for a single element and wait until it finished?

Compact syntax with timing methods:

1
$('#single').animate(attributes,options,$).jQueryStuff();

The jQuery token $ is used instead of a callback function to indicate the timing version of animate().

Compare this to the old way with more syntactic fluff:

1
2
3
$('#single').animate(attributes, options, function(){
  $(this).jQueryStuff();
});