Skip to main content

Accordion

[accordion]
[accordion_item parameters]My Accordion Item Content![/accordion_item]
[/accordion]

[accordion_item] Parameters

Parameter Description Required Values Default
label The label that triggers the expand/collapse action yes Any text none
theme How the accordion is styles no none, qanda
icons Style of icons no plus_minus

Code

[accordion]
[accordion_item label='My first label']Lorem ipsum dolor sit amet[/accordion_item]
[accordion_item label='My second label']Lorem ipsum dolor sit amet[/accordion_item]
[accordion_item label='My third label']Lorem ipsum dolor sit amet[/accordion_item]
[/accordion]

Live Example

Code

[accordion theme='none' icon='plus_minus']
[accordion_item label='My first label']Lorem ipsum dolor sit amet[/accordion_item]
[accordion_item label='My second label']Lorem ipsum dolor sit amet[/accordion_item]
[accordion_item label='My third label']Lorem ipsum dolor sit amet[/accordion_item]
[/accordion]

Live Example (no theme)

Live Example (Q & A Theme)