Example Accordions
Style Demos
Default
Example header 1
Demo content. Example only.
Example header 2
Demo content. Example only.
Example header 3
Demo content. Example only.
Plain (no icons)
Example header 1
Demo content. Example only.
Example header 2
Demo content. Example only.
Example header 3
Demo content. Example only.
Plain (with icons)
Bordered (no icons)
Example header 1
Demo content. Example only.
Example header 2
Demo content. Example only.
Example header 3
Demo content. Example only.
Bordered (with icons)
Behavior Demos
Single-pane Behavior
Opening one pane closes the previous pane when the Allow Multiple Panes Open option is unchecked.
Example header 1
Demo content. Example only.
Example header 2
Demo content. Example only.
Example header 3
Demo content. Example only.
Multiple-pane Behavior
More than one pane can stay open when the Allow Multiple Panes Open option is checked.
Example header 1
Demo content. Example only.
Example header 2
Demo content. Example only.
Example header 3
Demo content. Example only.
Open First Pane On Load
The first pane loads open when the Open First Pane by Default option is checked.
Example header 1
Demo content. Example only.
Example header 2
Demo content. Example only.
Example header 3
Demo content. Example only.