hilarync

I just wanted to say thank you for this helpful thread! I was able to reduce my code a ton with your method, Zach. 🥰

Carl, I wanted to share my final draft of this project with you. Your replies have been such a huge help for me and I wouldn't have been able to do this without you. I'm still working on tweaking animations and certain browser bug fixes, but I've come a long way with this and I'm extremely grateful for the knowledge you shared.

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!

Wow, I am beyond grateful for your help on this! This is exactly the animation effect I was looking for. Thank you!

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 user clicks change nothing. I'm thinking I need to use TimelineLite to start the animation when the specific menu item is clicked. But I'm very new to this and would appreciate someone pointing me in the right direction. Thanks! Hilary