.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
How to toggle tweens in a DRY fashion
Hi there,
I'm trying to build a UI with different components using tweenlite to add/remove items from the viewport.
As I add more elements I'm finding that alot of code is getting repeated in my functions and although the animations applied to each element are slightly different, the principal behind them is the same, i.e. Add / Remove a class to an element with a click event and tween the element accordingly. E.g.
(function openMainMenu() {
var $openMenu =
I'd just let each element handle the click individually instead of looping through the entire set.
And who needs loops when you can when you can emit events. I do that a lot in games.
See the Pen xWvbRP by osublake (@osublake) on CodePen
