OnClick reset animation before playing another.

[buster808 10 Likes (Newbie)]

Hi, I have two animations start and end,  How can I stop or reset end if I click start.

Want animations to work better if buttons are pressed quickly.

 

Thanks

See the Pen gOmazwa by buster808 (@buster808) on CodePen

[Cassie 5,650 Likes (Superhero)]

Tweens (and timelines) have a bunch of control methods you can use to... well... control them I guess. Some examples would be tween.play() tween.progress() or tween.kill()

You can read more about them in the docs 

In your case you could kill the previous tween, then recreate a tween with the correct stagger direction and play it?

See the Pen 2d6ff124460711653b7cbe1e9dd3961d?editors=0011 by cassie-codes (@cassie-codes) on CodePen

[GreenSock 18,876 Likes (Superhero)]

Another option is to set overwrite: true on your tween which will cause it to find all other tweens of the same target(s) and immediately kill them. Basically, you were creating conflicting tweens. 

[Cassie 5,650 Likes (Superhero)]

ah! That's a good one, I always forget that exists.

[buster808 10 Likes (Newbie)]

overwrite: true perfect thanks