Accordion

Accordions are great for when you have a lot of content to share and you want to do it in a nice and orderly fashion. Here’s to organization!
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
Aside from being great for frequently asked questions, Accordions are great for lots of uses!

Accordions are great for when you have a lot of content to share and you want to do it in a nice and orderly fashion. Here’s to organization!
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. 
  • Place Alt Text Here
  • Place Alt Text Here
Aside from being great for frequently asked questions, Accordions are great for lots of uses!

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.
IconAccordion