Streaming live at 10am (PST)

Accordion not working (link included)


#1

Hi all,

Pls visit my site: (linked removed)

Scroll down to the bottom and you'll see a FAQ button in blue.
When you click it, the FAQ content text should slide down and appear but it doesn't.

Did I miss out something? I added a Click interaction to the FAQ blue div.

Tks!


#2

Hi,
Could you provide a read-only link?

And oh, here's a project that i used it on that might help you: (expand buttons)
https://preview.webflow.com/preview/minecraftservers?preview=34a45f7539d62e97d5aebdc8ab061bbe

Thanks!


#4

Unticking Limit to nested elements should solve it! :smiley:

What that button does is it only lets the interaction take effect on the elements nested in that div, but in this case FAQ-Text wasnt nested in the same div as FAQ-Header so that's why it happened.

\

Hope this helped!


#5

Tks, it works now! Awesome! :smile:


#6

Hi, I've one more issue.
Here is the updated link: (link removed)

There are now 2 FAQ buttons, but when I click one of the buttons, the other button also slides down as well.
Is there a way to fix this? Like maybe create a different set of classes for each FAQ header? :worried:


#7

This is where limit to sibling elements comes in handy :smiley:


#8

BEAUTIFUL! It works! Is Webflow designed by God himself? :laughing::laughing::laughing:
Everything seems like a bliss!


#9

I know right?! It's awesome! :sunglasses: :smiley:


#10

This topic was automatically closed after 60 days. New replies are no longer allowed.