Unable to Reuse show/hide interaction

Design help Animations & Interactions
1

Hello all, I’m working on an FAQ section for my website at the moment. It’s a pretty standard looking UI, and I’ve set up a basic show/hide functionality for the questions and answers. The problem is that it only works for the first question. I’ve got my interaction set up to work on every element with the same class, but no matter where I click, only the first question triggers the interaction. I’m a bit of a noob with interactions and am probably missing something simple, any help would be appreciated!

Here is my public share link: https://sullivan-law-firm.webflow.io/
(how to access public share link)

2

Bumping because I was downvoted for some reason, anyone have insight on this?

3

@mkdesign

  1. Make sure all Classes of FAQ Trigger Button are being triggered:
    image
  2. Make sure all CHILD Classes of FAQ Content Section is being triggered (show / display)
4

@miekwave Thanks for the reply, how do I ensure that the child classes are being triggered as well? Do I have to animate each iteration of the FAQ individually? Thanks for bearing with me, interactions are fairly tricky for a beginner like myself.

EDIT: Never mind, I finally got it working. Just have to get the hang of the interface a little bit more :sweat_smile:

2 Likes
5

Happy to hear!

Closing the topic :webflow_heart: