Why wont second timeline animate?

[codeavenger 1 Likes (Newbie)]

http://jsfiddle.net/ccarterc1984/5t9EU/2/

 

First timeline seems to work great.  It animates each box individually forward and backward.  Upon completion of the reverse animation, I call a function which runs the second timeline.  However the second timeline does not animate, it simply sets the properties instantly.

[Rodrigo 5,885 Likes (Superhero)]

Hi,

 

The problem is that you're creating the second timeline and is active, ie, is playing since the moment you created it, so when you add the TweenLite instances the timeline playhead is not at the 0 position. However if you change your code to this:

var animateSecondRound = new TimelineMax({paused:true});
function animateStuff2(){ 
    animateSecondRound.add(TweenLite.to(myDivs, 3, {left:"+=100"}));    
    animateSecondRound.play();
}

It works as expected.

 

I updated your fiddle so you can see it working:

http://jsfiddle.net/5t9EU/4/

 

Hope this helps,

Cheers,

Rodrigo.

[codeavenger 1 Likes (Newbie)]

Excellent Rodrigo!  I knew there was something simple I was missing.  Thanks a ton.  

[Rodrigo 5,885 Likes (Superhero)]

No problemo, glad to help.

 

Cheers,

Rodrigo.