Community forum for knowledge and support

Updated 8 months ago

Interacting with component 351 causing other instances to collapse

At a glance

The community member is using component 351 multiple times on a page, but when interacting with one, the other 351s collapse. They changed the interaction setting from "affect all elements with this class" to "affect all siblings", but this caused them to lose the interaction. The community member is unsure if simply renaming some of the elements of the component would solve the issue. Another community member suggests either duplicating all the classes and interactions or using a tool like Finsweet Attributes Accordion.

Useful resources

Hi all, I love component 351 so much that I want to use it multiple times on one page. In webflow preview, this causes other 351s to collapse when one of them is interacted with. I checked the interaction, and changed it from "affect all elements with this class" to "affect all siblings", which caused me to lose the interaction. Is this a matter of simply renaming some of the elements of the component? Many thanks in advance.

J
J
2 comments

I think you either have to duplicate all those classes and the interactions (and update the classes it affects) or use something like https://finsweet.com/attributes/accordion

Thanks, I really appreciate this!

Add a reply
Sign up and join the conversation on Slack