Applying interaction to different elements

I have created an accordion style menu based on this tutorial from @waldo 2. and it can be seen at

I have added an interaction to the top arrow so it rotates as the dropdown list opens and closes. However, I can’t seem to find a way to apply this interaction to the other arrows other than going through the process again. I have tried affecting class but then clicking one arrow sets off the interaction on all of them.

I would also like to be able to open more than one dropdown list at a time. Currently if a dropdown list is open and another list is opened, the first list automatically closes.


Here is my public share link: LINK
(how to access public share link)

Hi @sparky great question and thank you so much for reaching out!

I made a quick video to walk you through how to apply that interaction on each dropdown element using the open/close states of the dropdown:

I hope that this is helpful, please feel free to reach out if you have any questions :bowing_man:‍♂️

Thanks very much @waldo! Really appreciate you taking the time.

1 Like