Accordion Block

Creates a collapsible section with a button to toggle. Each Accordion has multiple sections or panels.

View example live

Example:

demo accordion closed

Demo accordion closed

demo accordion with panel open

Demo accordion with panel open

Field Reference

Fields and purposes:

  • Accordion - Choose a preexisting accordion snippet, created under snippets.

Editor:

Editing screen for accordion

Editing screen for accordion

Each Accordion panel needs a name and content. After you make a second panel, arrows will appear to allow you to change the order of the panels.

arrows on the accordion panels

Arrows on the accordion panels. They appear after you make a second panel.

Additional Information in the bootstrap docs