You'll need to put the second animation in the callback function of the first.
$('#backDropLeft') .animate({height:550}, {duration: 750, easing:'easeOutBack'}, function(){ $('#contactBox').fadeIn(1000, function() { }); }); Brian On Aug 28, 9:56 am, Ronn <[EMAIL PROTECTED]> wrote: > I have two items: > > $('#backDropLeft').animate({height:550}, {duration: 750, easing: > 'easeOutBack'}); > $('#contactBox').fadeIn(1000, function() { }); > > How can I make contactBox wait until backDropLeft is finished to run > its animate?