Help with Toggle Reveal Interactions

Hey there!

I’m trying to get this toggle function to only reveal the field directly underneath and I can’t for the life of me figure out how to make the switches only effect one item. Please help!


Here is my public share link: https://preview.webflow.com/preview/elementtest?utm_source=elementtest&preview=54e1b7f67d04a1afe09a5bca9c55e671

(how to access public share link)

Hi @parkerwest,

Instead of having the interaction affecting the class, change it to affect a specific element:
https://www.useloom.com/share/08b63d391e734f51baea08b1550ac2e4

After that, duplicate the interaction for the next switch.

Thank you for the help! I am planning to have quite a few switches on the page that I’m wanting all to have the same action so I would prefer to not have an interaction for each one. Is it possible to just have one interaction that affects multiple switches but only individually.

Possibly putting the reveal section in the button wrapper then making it only affect children?

If you’ll build it so that the 2 elements have some kind of parent-child-sibling relationship, then you can select the target to be only the related element.

1 Like

That did the trick! Thank you!

1 Like