Reanimating elements

[resting]

Is there anyway to reanimate an element in a single timeline?

My guess is probably not, but I have a animate sequence that ends with the animation of the first frame.

In the codepen example, I want to animate box1, then box2, then box1 again (exact same animation as the first time it ran).

How should I approach this problem?

 

 

See the Pen oLZPJq by resting (@resting) on CodePen

[PointC]

Hi resting 

 

Welcome to the GreenSock forums.

 

I'm not sure I understand your question, but based on your pen, you want box1 and box2 to move 200px and then you want box 1 to move exactly the same way again? If that's what you want, you have some options. You could set() box1 back to a position of 0 and then animate it 200px again. I'd probably use clearProps to clear everything from box1 and then you can animate it again. Either way will create a jump back to an x position of 0. 

t1.to(b1, 1, {x:200})
  .to(b2, 1, {x:200})
  .set(b1,{clearProps:"all"}) // this will jump it back to 0
  .to(b1, 1, {x:200});

Here's a fork of your pen. 

 

See the Pen wWJNEz by PointC (@PointC) on CodePen

 

If I've misunderstood what you meant, please add some more details to your question.

 

Happy tweening.

[GreenSock]

You can definitely re-animate the same element as many times as you want in the same timeline. And I wouldn't recommend using clearProps unless you must (it's very rare that you'd need that). If I understand your goal correctly, you can simply use a fromTo() the second time to make it jump back to 0 and animate to 200 again:

t1.to(".box1", 1, {x:200})
  .to(".box2", 1, {x:200})
  .fromTo(".box1", 1, {x:0}, {x:200});

http://codepen.io/anon/pen/beqZMv

 

There are other ways to do it too, like using a repeat with a repeatDelay, or even using a tween of a tween, but those are more advanced techniques that probably aren't necessary here. 

[PointC]

ha! Of course fromTo would be better.

 

What was I thinking?    I probably shouldn't be answering questions before a morning dose of caffeine.