Brian Thanks for the response. Unfortunately it still is not working. I tried adding an alert to backDropLeft's callback function like so:
$('#backDropLeft').animate({height:550}, {duration: 750, easing: 'easeOutBack'}, function(){ alert("hello"); }); and it didn't alert when I ran the page. Do you have any other ideas? Thanks, Ronn On Thu, Aug 28, 2008 at 11:50 AM, Brian Schilt <[EMAIL PROTECTED]> wrote: > > 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? >