Figma Support Forum

How would one create a collapsable FAQ module?

I would love to create a collapsable FAQ accordeon.

What I’ve tried
I’ve created 2 variants (open and closed question). Then I combined an instance of that interactive component into another component with smart layout, combining multiple instances into a list.

The result + problem
It folds open successfully but the second / other questions / rest of the page sections don’t move down to make space for it.

Bonus question
As a bonus question I’d like to make it so that only 1 question is in the open state at the same time.

1 Like

I think you may be able to achieve this with Auto Layout if you can add Auto-Layout to two variants

But the problem is, you can’t do that as of now.

You need to create as many options as there are question items. Where one item is open and all the others are closed.

@tank666 I’m looking to do just that: make a component with a collapsed and an expanded state that pushes or pulls other elements up or down. Is this currently possible in the beta?

Hi @Thom_van_der_Doef, currently, when playing a prototype (Presentation mode) it doesn’t work properly yet.