Open/ close overlays with multiple buttons

Design help Animations & Interactions
1

Hey guys

Sorry to be a bother. I was wondering if anyone had a solution for this issue I am running across. I have a page built where three specific interactions trigger overlays for three specific divs that are set to initially be offscreen and hidden. These divs contain their own close button. I would like it so that if one of the buttons has been triggered and the corresponding div is in view, one of the other two buttons on the left can hide the currently-open div and then overlay it’s own div.

I know that was a mouthful. Below is the link of what I have. Upon clicking around the issue becomes almost immediately noticeable. Thank you in advance for any assistance.

https://eldo-digital-utility.webflow.io/residential-customer

Here is my public share link: Residential Customer
(how to access public share link)

2

Welcome to the forums @Modisana!

if you did this using webflow interactions, then in all likelyhood you have an “open” interaction and “close” interaction for each of the sliding divs… so all you do is you add several “on click/tap” interactions that when you open one of the divs at the same time the other two close…

I hope that is clear