How to cancel existing tween before triggering the same tween

[brightpixels]

See basic codepen () hit the "Reveal list" many times rapidly. The repeated tween will eventually create a mess of the list. How to best to deal with this? No real use case for this. In real world scenario, I could just hide the button after the initial click. Am just testing various scenarios.

 

See the Pen EwdjKV by codeload (@codeload) on CodePen

[PointC]

Hi @brightpixels

 

If it were me, I'd use a timeline that could just start over on click. If you want to return a tween on each click like your demo, you'll end up with overwrites. To fix that you could use a .fromTo() tween like this:

 

return TweenMax.staggerFromTo(elm, 1, {opacity: 0, x: -5}, {opacity: 1, x: 0, ease: Back.easeOut.config(4)}, delay);

 

Hopefully that helps. Happy tweening.