Can't get Hide/Show interaction working

Design help Animations & Interactions
#1

Hi, I’m having trouble with the hiding an element on click on a landing page.

In the section: “Science-backed ingredients” I want to show the full ingredient list on click (working) but hide it on second click (not working).

All help is appreciated.

Thanks!

Here is my public share link:
https://preview.webflow.com/preview/ez-lifestyle-landing-pages?utm_medium=preview_link&utm_source=designer&utm_content=ez-lifestyle-landing-pages&preview=2a8bdd1e9aac9a078948e1d52ed21207&pageId=5d5c2eb0c33d6de848f0a2ff&mode=preview

#2

This could work

  • Select Div Block 16 and add a new legacy interaction for Click
    Add for Fist Click and give it a display property of none

image
image.png1915×922 130 KB

#3

This works!

Thank you.

Very strange how I couldn’t get it working with the non-legacy interactions.