Accordion

Insert text, images, shortcodes, or anything you want. Accordions are very customizable, and can be as simple or complex as you’d like them to be. You can also make certain ones automatically be open like this one.
  • Place Alt Text Here
  • Place Alt Text Here

Code

[accordion id="my-accordion"] [accordion_item title="Accordion Title" parent_id="my-accordion"]Your text here[/accordion_item] [accordion_item title="Accordion Title" parent_id="my-accordion" open="true"]Your second accordion text[/accordion_item] [accordion_item title="Accordion Title" parent_id="my-accordion"]Your third accordion text[/accordion_item] [/accordion]
[accordion] [accordion_item title="Accordion Title"]Your text here[/accordion_item] [accordion_item title="Accordion Title" open="true"]Your second accordion text[/accordion_item] [accordion_item title="Accordion Title"]Your third accordion text[/accordion_item] [/accordion]

Accordion Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.

Accordion Item Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.
  • parent_id: match the ID of the parent accordion to keep only one accordion item open at a time.
  • title: title of the accordion item.
  • open: set to “true” to leave open on page load.