Streaming live at 10am (PST)

Multiple identical elements with the same interaction on same page


#1

For example: With a dropdown accordion, each toggle has a “+” icon built with 2 divs. With a click interaction, one div will rotate or fade away to turn the “+” to a “-” icon. With multiple toggles/icons on the same page, do I need to recreate the icon with a different class and duplicate the interaction in order to avoid all of them rotating when you click one (as I’ve been doing for years)? This can get a bit tedious when you have multiple identical items with the same interaction (buttons, icons, etc.) I feel like I should’ve asked this years ago and hopefully it’s something quick and simple that I’ve somehow missed.

Thanks!


#2

Hello @aOne

I would suggest to use legacy interactions for that if you don’t want to have to re create the interactions several times in your project.

You can turn those on with this switch: