Staggering Multiple Timelines
Hey guys - just started with greensock, loving it so far but stuck on a small issue - probably a rookie mistake!
I have a couple of timelines set, when stageTwoOpen is clicked I want to reverse stageOne, after this has finished play stageTwo.
When stageOneOpen is clicked I want to reverse stageTwo then play stageOne.
This is my code so far:
var stageOne = new TimelineMax()
stageOne
.fromTo("#stageOne", 1, {opacity: .8, xPercent:0 }, {opacity: 1, xPercent
Hi and welcome to the GreenSock forums,
there are 2 key components to solving this:
you need to know what the "next animation" is. usually you assign this to a variable every time you click a new button
the current animation needs an onReverseComplete callback function that will trigger the "next animation" or "requested animation"
Below are 2 similar approaches
See the Pen XMygdo by GreenSock (@GreenSock) on CodePen
