Angie

Nah, I figured out a different solution.

Perhaps I didn't make myself clear enough or there was a misunderstanding. I've been perusing the forums for various things and if there's anything that was crystal clear is what these forums are for and how to post (it's mentioned in many, many replies). At no point was I asking about general JS or layout. My comment about JS was just a reference that JS in general (and including GSAP) is not my strong suit. I was also trying to be clear and thorough in what I am trying to achieve. My questions were specifically about GSAP as it is, quite literally, the first time I've used it. Specifically, my whole post was intended to ask for help on how to get the GSAP code I do have working to work the way I outlined.

Hi! Just got started using GSAP and totally digging it. Unfortunately JS is my kryptonite. ? I'm working on this "peek-a-boo" slider thing for a project and have it partially working using GSAP. The idea is this: Three slides with a background image, each 1/3 of its container (achieved using flexbox) and each has content with opacity set to 0 Clicking on a slide opens it fully (i.e. full width of its container and content opacity goes to 1) and other two slides get out of the way via width 0. What I have working (per CodePen example): clicking on slide #2 which hides slides #1 and #3 mouse leaves slide #2 and it goes back to it's normal size as slides #1 and #3 slide back in What I need some guidance/help with: instead of mouseleave to make the clicked slide go back to normal, have that trigger by clicking on that slide's close button apply the same idea to each slide, not just #2. show the content of the slide that is clicked smooth out the animation if possible (particularly when the open slide goes back to its default width) Thanks in advance for taking a look!