> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Section collapse

> Group questions together and show or hide many questions at a time.

## How to group questions

Simply drag the `Section collapse` field onto your form.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/60XYaN8M6v6eMBSZ/images/Screenshot2025-10-06at4.50.20PM.png?fit=max&auto=format&n=60XYaN8M6v6eMBSZ&q=85&s=9619c6c63d0c9121346dd610015a90e5" alt="Screenshot 2025-10-06 at 4.50.20 PM.png" width="2874" height="1628" data-path="images/Screenshot2025-10-06at4.50.20PM.png" />

To end a section and start a new one on the same page, add another `Section collapse` field.

You can also enable `Is collapsable` to allow the user to open or close a particular section. Click the field followed by its <Icon icon="gear-complex" iconType="solid" /> to toggle the switch on the right-hand panel.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/oJ7LY4haRzATxb7E/images/Screenshot2026-01-12at3.56.36PM.png?fit=max&auto=format&n=oJ7LY4haRzATxb7E&q=85&s=f9cb4134343f6bb56df4404888df06ec" alt="Screenshot 2026 01 12 At 3 56 36 PM" title="Screenshot 2026 01 12 At 3 56 36 PM" style={{ width:"78%" }} width="2142" height="641" data-path="images/Screenshot2026-01-12at3.56.36PM.png" />

This is how it would look like from your respondents' point of view.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/oO5k5FPOY4bT5lbU/images/images/image-27.gif?s=a9868ee01857c4daac9b5f3ff58a5501" alt="Screenshot of the Form designer tab of a form" width="754" height="377" data-path="images/images/image-27.gif" />

## Conditionally hide many questions at once

If you set [conditional hiding](/conditional-hiding) logic on a section, all the questions in that section will be shown/hidden based on that logic. This can be done on the right-hand panel.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/60XYaN8M6v6eMBSZ/images/Screenshot2025-10-06at4.50.33PM.png?fit=max&auto=format&n=60XYaN8M6v6eMBSZ&q=85&s=8fda511fefe4278288ca4d48fef8789a" alt="Screenshot 2025-10-06 at 4.50.33 PM.png" title="Screenshot 2025-10-06 at 4.50.33 PM.png" style={{ width:"41%" }} width="504" height="386" data-path="images/Screenshot2025-10-06at4.50.33PM.png" />

## Related article

<CardGroup cols={3}>
  <Card title="Hide fields" icon="eye-slash" iconType="regular" color="#FFC738" href="/conditional-hiding">
    Hide or show fields based on answers, URL parameters or data.
  </Card>
</CardGroup>
