Hello fellow webflowers, please I am still new and stuck with this interaction: I have 8 days with hidden schedules. The goal is that upon clicking on a particular day the schedule is revealed and with the click on another day the previous schedule is hidden and the schedule for the clicked day is revealed. However, with each other click on a different day the “dropdowns” keep opening but non of them reverts back to it’s original hidden state even thought I set up the initial state in the beginning of the interaction. I recorded the issue here:
Bellow this post you can find link to my project to check the structure and setting of the interactions.
I would be very much greatful for any advice 
Wishing you all a great day!
Here is my public share link: LINK
(how to access public share link)
Hi there,
To implement show/hide functionality in Webflow, follow these steps:
- Select your trigger element (the element users will click)
- Open the Interactions panel and add a Mouse Click interaction
- Create the “Show” animation:
- Set the initial display state to “None”
- Add an action at 0 seconds
- Change the display property to “Flex” or “Block”
- Create the “Hide” animation:
- Add a second Mouse Click interaction
- Add an action at 0 seconds
- Set the display property back to “None”
For smooth transitions, you can combine this with opacity or transform animations. For more complex implementations, check out the guide on building a custom accordion.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
I tried to do that, but now it closes when I click on the same day. But when I keep opening the days they stay open - none of them closes.