Multiple drop-down interaction – reset each box separately?!

Design help Animations & Interactions
1

Hi There,

Got an issue with some drop down interaction.

My aim is to open (drop down) the box by clicking on the title bar. Everything works totally fine, if I open each box (first click) and close it (second click) right after.

BUT

If I open one box – keep it open – and meanwhile open another, the mess is starting:

  • By closing one of the boxes again, both boxes that were open close
  • By closing on of the boxes, the little Open/close icon does not reset properly at on of the boxes.

I guess this is a initial state problem - I always mess up wit this… OR it my be a problem with the Class I gave the trigger in the interactions panel (Childern, Siblings, etc.)

Would be great to get some help?

Thanks a lot - best, Patrick

Here is my public share link:

https://preview.webflow.com/preview/gezapernezcky?utm_medium=preview_link&utm_source=designer&utm_content=gezapernezcky&preview=ebb4b2f2c5015aa32a48af1ea12ff9ce&pageId=5db80940411dd98c98f584e2&mode=preview

2

I solved it. Just changes the trigger as element not class. Simple.

4

Can you elaborate how you solved that? Today, there’s only “element” option when applying interaction. How would you solve this today?