Reset element position after tween

[syatson]

Hi, first post. I'm really enjoying GSAP. It's saved me a bunch of time, which I've eaten up playing with cool features.

 

I browsed the forum for this subject but don't see a search so I didn't find anything I could understand. 

 

I'm trying to run a tween and leave the objects onscreen in their tweened state until a later event occurs, for example a click. When that click happens I want to destroy that tween information in a way that I can rerun the tween after a different event at a later time. 

 

It feels like this should be easy and I'm missing something obvious. I found .time(), .killTweensOf() and a few other things in the docs but I just can't get this to work. Any help appreciated.  

See the Pen oeQMvN by syatson (@syatson) on CodePen

[GreenSock]

First of all, welcome to the forums! 

 

You've got a bunch of options, so I outlined them all in a forked codepen: 

See the Pen ff0bbc51f3ff8be33318c35bc71a5ec8 by GreenSock (@GreenSock) on CodePen

 

Does that help? 

[syatson]

Extremely helpful. I was really overthinking it. Thank you!