[.play() not activating TweenMax.staggerFrom]

Ah this makes a lot of sense and I will check out the article, thanks very much!

 

[.play() not activating TweenMax.staggerFrom]

Hi all, I'm new to GSAP (and to JS), so forgive me if I'm just making a stupid mistake. 

 

I'm using the GSAP advanced staggers to animate a waffle chart grid (). I've got the tween set up using TweenMax.staggerFrom, but then I can't seem to get any of the methods like .isActive(), .play(), .reverse(), etc. to work. I've set up a little button to activate them but nothing happens. Searched and tested stuff for hours but I can't seem to figure out what I'm doing wrong. 

 

Thanks!

See the Pen arGoxw by will-r-chase (@will-r-chase) on CodePen