Brian,
Thanks that worked great. I'm still new to JQuery, but community has been a
great help.
Thanks again for the help,
Ronn
On Thu, Aug 28, 2008 at 1:31 PM, Brian Schilt <[EMAIL PROTECTED]> wrote:
>
> 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?
> >
> >
>
