Okay, I have been playing around with the accordion code from your pen and trying to add timelines to it. I have a couple things that I just don't understand even after tons of searching the documentation and forums:
I want the clouds to always be drifting, so I made my looper function. But I have a feeling there is a better way to loop the clouds?
Ideally I want each panel to have its own unique animated art. As of now, if the first panel is open, and you click the second button, weird things are happening. It looks like the "Measurable Impact" section just goes away. I assume I need separate timelines for each panel. I tried to use ".append" to add another timeline to the introAnimation, but I can't figure out how to assign a different timeline to each panel. If this is just way beyond the scope of help here please excuse my ignorance and feel free to ignore this question .
With GSAP, do you have to use inline SVG code to target an element of an SVG for animation?
Thanks again for all your help!