Streaming live at 10am (PST)

Applying interaction to different elements


#1

https://preview.webflow.com/preview/beaufort-12?preview=25ef7d878eea2c7be62ed2dc9b0e0747

I have created an accordion style menu based on this tutorial from @waldo https://webflow.com/blog/the-art-of-progressive-disclosure-in-web-design 2. and it can be seen at http://beaufort-12.webflow.io/accordion

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.

Thanks


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


#2

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: https://cl.ly/ru3v

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


#4

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