Foundation 6 Accordion Shortcode

Foundation 6 Accordion Shortcode Example

Use the following shortcode to manually insert a Foundation 6 accordion.

Shortcode Attributes

[f6_accordion] has one attribute:

  • accordion-class="anyClassName" – Give this accordion a custom class if you’d like to.

[f6_accordion_panel]has three attributes:

  • panel-class="anyClassName" – Give this accordion panel a custom class if you’d like to.
  • panel-title="Accordion Panel Title" – This is the title displayed on the accordion panel title bar.
  • active-on-load="false" – true or false: True makes the accordion panel open on page load, false makes it closed on page load.

Or add the shortcode with a few clicks of the mouse using Visual Composer. Check out the screenshots below!