Assure to understand the concept of “limit to nested elements” and “limit to sibling elements” that comes with interactions, this will let you crate such an interaction and apply it quickly to a lot of other elements.
Basically, you want to show/hide something on a click. This is kind of easy with Webflow. What’s going to be a little bit tricky is how to make an opened panel close when you open another.
Hey Vincent, thanks for the advice I’ll be sure to try that out.But can explain or point me to anything that explains how " limited to sibling elements" works.
Basically, an interaction set for an element (say, on click) can affect OTHERS elements. Once you’ve selected a trigger, you can check the “Affect different element” box and name the element you want to affect.
In order to re-use an interaction, options exist to limit the “affect other element” option to the SIBLING or NESTED elements (of the one you’re applying the interaction to).
So you can have the same structure of elements for a lot of objects in your pages (for example the same button opening the same panel), with the same classes names, without an interaction affecting all the panels of the page, limiting its effects to either siblings or nested elements.