Accordion Menu that Triggers Animation Events
Hi there! I'm a total newbie but already enjoying playing around with Greensock.
I'm working on an accordion menu, and this is the behavior I'm going for:
1. User clicks on a menu item.
2. Menu item's panel is revealed.
3. A sequence of three animations is triggered within that one panel.
4. User clicks to collapse menu item and the whole thing is reset.
Right now, the fader animation I have on animEvent is triggered on window load and subsequent use
First, great job on the progress you have made with the accordion.
To make your cloud animation repeat, you can use TimelineMax which supports repeats:
var cloudAnimation = new TimelineMax({repeat:-1})
cloudAnimation.to(".panel0 path#cloud1", 1, {x:100}, 0)
.to(".panel0 path#cloud2", 1, {x:-50}, 0)
.to(".panel0 path#cloud1", 1, {x:0})
.to(".panel0 path#cloud2", 1, {x:50}, '-=10');
It would take too much time to try to figure out how to work with
