Ok, our syntax was a bit jacked up. I created a test page, this will
work:
$('#backDropLeft').animate({height:550},750,'easeOutBack', function(){
$('#contactBox').fadeIn(1000);
});
Make sure that you have jquery-ui loaded up as well otherwise easing
won't work.
Brian
On Aug 28, 12:50 pm, "Ronn Ross" <[EMAIL PROTECTED]> wrote:
> 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?
>
>
