[Creating a next/previous to play different timeline sequences]

I'm trying to break down different timelines into different functions, and then call them from an array on next/prev click. Currently they play automatically, and I'm trying to get them to play only when they are called from the array. Not sure what I'm doing wrong. 

See the Pen rNORgoR?editors=1010 by manuelwebdev (@manuelwebdev) on CodePen

[Creating a reset button, and wanting to add an animation/transition to ".seek()" or ".progress()"]

In my timeline I set up a reset button that seeks the 0 position in the timeline, but it immediately jumps to the beginning without any sort of transition or animation. I've been researching different ways to approach the issue, but can't seem to figure out how to get this to work. The docs for .seek doesn't show any way of calling another gsap animation. Would love some input on this.

See the Pen MWaPwzb?editors=1010 by manuelwebdev (@manuelwebdev) on CodePen

[Trying to figure out how to switch SVG to another SVG as part of a Timeline.]

14 hours ago, PointC said:

I'm not sure I follow the question. Do you want to show a completely different SVG than the one in your demo? Or did you mean certain pieces of the main SVG?

 

Without more details my best guess would be that you'd want to tween or set() the autoAlpha of the SVGs or child elements when you want to swap them. Just a guess though.

 

So yes, I have two SVGs that I'm working with, and I want to show a completely different SVG. 

[Trying to figure out how to switch SVG to another SVG as part of a Timeline.]

I'm kind of stuck on how to approach this problem. I have a timeline that is showing a primary SVG image, I'm trying to find a way to swap the SVG for another as a part of the timeline, and then continue the animation. 

See the Pen mdejReV?editors=1100 by manuelwebdev (@manuelwebdev) on CodePen