Accordion
The accordion will display your view content in collapsible panels as documented.
You have the option to set which field should be used as the title. You can choose to set the borders to flush to remove some borders and rounded corners to render accordions edge-to-edge with their parent container. You are also able to set the default state for the collapse behavior.
All Items Closed
This default setting will show all accordion items collapsed when the view content is loaded.

All Items Open
This setting will show all of the items open when the view content is closed. Each panel will only close when its panel title is clicked.

Specify Behavior by Section
First Item Open
This setting will show the first item open when the view content is loaded. It will close when its panel title is click or when another panel title is clicked.

Middle Item(s) Open
This setting will show the middle item(s) open when the view content is loaded. It will close when its panel title is click or when another panel title is clicked.

Bottom Item Open
This setting will show the bottom item open when the view content is loaded. It will close when its panel title is click or when another panel title is clicked.

Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.