Hello GSAP community! Been learning GSAP as of late and really loving it however i am stuck in developing this particular banner.
I have set up all my html, css and JS created my ids and variables and developed a single timeline for animation. However it seems for some reason the timeline only plays the first 2 tweens and then stops even though i have more animation to follow.
have a look at my codepen to see what i am trying to achieve here: https://codepen.io/Caderial/pen/LbYRVZ
What i would like is to at first set mainScene, NYScene, NJScene, PAScene all to beoffscreen to the left by 322px. then the animation should kick in and slide in each scene and slide it back out then slide in the next scene and so on. But for some reason my first two timeline events happen with mainScene but then it stops?
Please advise.
I am also open to any alternative methods of bringing in pages/scenes into and out of view that may be better then my solution.
thanks everyone!