I am using #cover to cover up the clickable divs while an animation is active.  Using  $("#cover").hide(); /  $("#cover").show();  It is working.  But I would like to do this for any animation that plays.  Is there a way to abstract this code for any animated div?

2.         $(".clsStartUpNode").click(function() {
3. $("#StartUpPosition div").not("#StartUpMainNode, #" + $divID).fadeOut(300); // fade out all starting nodes except center (CES) node
4. $("#StartUpMainNode").stop().animate( {left:22}, function() { 
5. $("#StartUpMainNode").hide();
6. $("#NodeMain").show(); //after that finishes, fade in the main CES node
7. });
8. $("#" + $divID).stop().animate( {left:152, top: 145},  function() { 
9. $("#" + $divID).hide();
10. $("#NodeTwo").show(); //fade in the node clicked
11. $.displaySubNodes($nodeID, 1)
12. $("#cover").hide();
13. });
14. }  
15. });

I have tried using :animated.  However, it only shows the cover div, and doesn't hide it once an animation completes.  it works in the code above because the hide code is in the animation callback.

2. if ( $('div').is(':animated') ) {
3. $('#cover').show();
4. } 
5. if( !$('div').is(':animated')){
6. $("#cover").hide();
7.         }

Thank you!