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

My first label
Lorem ipsum dolor sit amet
My second label
Lorem ipsum dolor sit amet
My third label
Lorem ipsum dolor sit amet

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)

My first label
Lorem ipsum dolor sit amet
My second label
Lorem ipsum dolor sit amet
My third label
Lorem ipsum dolor sit amet

Live Example (Q & A Theme)

My first label
Lorem ipsum dolor sit amet
My second label
Lorem ipsum dolor sit amet
My third label
Lorem ipsum dolor sit amet