Callback animation to begin only after ALL children have finished animating

Question

I have a div wherein I would like to fade all of the child elements out at once, but fade in a new element but only after all children have completed fading out. Using my c

Answer 1

$('#DIV').children().fadeOut("slow", function() {
    if($('#DIV').children().filter(':animated').length == 1) $('#Message').fadeIn("slow");
});

Basically count how many are still animating, and when there is only one left, run the callback.

This also makes your callback run just once, not once per element.