Help with FAQ accordion

Hey Webflow Community,
I’m a newbie to Webflow and have recently got my site made by a professional and have now taken over with adding content etc.

Along the way I’ve done something to our FAQ accordion and cant for the life of me figure out what I’ve done. The majority of the accordion is still working fine but when you click on the first accordion option it also opens the second one. And then if you click on the second one it opens the first one.

Is anyone able to point me in the right direction for how to fix it?

Would really appreciate any help.


Here is my public share link: Webflow - Kept

(how to access public share link)

Checked your example, but I didn’t find the according to be working. Can you please show me the implementation that you’ve issue with?

By the way, page looks really nice and clean :ok_hand:

Ohh cheers man…appreciate that :grinning:

What about if you view it from this link?

Oh now I saw the issue, you are using Grid layout and you’ve set height to 2 of the rows. Please check the screenshot below

So whenever first accordion is displayed it gets a height and calculated height is applied to the second accordion (3rd row on the grid)

You do not really needed Grid layout in here since all the rows are full width. But if you still use it you can just remove all the row sizing and keep one as auto

Ohhh you legend! Have changed it and it seems to be working now.

Thanks so much

Great, if you issue solved please mark this post as done.