Help with FAQ accordion

Design help Animations & Interactions
#1

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.

Screen Shot 2022-05-01 at 2.25.19 PM
Screen Shot 2022-05-01 at 2.25.19 PM1916×1598 310 KB

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

Would really appreciate any help.

Luke

Here is my public share link: Webflow - Kept

(how to access public share link)

#2

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:

#3

Ohh cheers man…appreciate that :grinning:

What about if you view it from this link?

https://kept-nz.webflow.io/

#4

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

Screen Shot 2022-05-01 at 11.56.55 AM
Screen Shot 2022-05-01 at 11.56.55 AM1920×1100 194 KB

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

#5

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

Thanks so much

#6

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