Toggles & Accordions

[title size=”1″ style=”plain” align=”center”]Use FontAwesome icons with Toggles & Accordions![/title]

[divider height=”30″]
[columns]
[column size=”one_half”]

[title size=”3″ style=”line” padding_bottom=”10″]Toggles (default icon)[/title]

[toggles]
[toggle title=”Toggle” open=”yes”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[/toggles]

[/column]

[column size=”one_half”]

[title size=”3″ style=”line” padding_bottom=”10″]Accordion (default icon)[/title]

[accordion]
[toggle title=”Toggle” open=”yes”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[/accordion]

[/column]
[/columns]

[divider height=”40″]

[title size=”3″ style=”line” align=”center”]Custom icon examples[/title]

[divider height=”20″]

[columns]
[column size=”one_half”]

[toggles open_icon=”info-circle” closed_icon=”question-circle”]
[toggle title=”Toggle” open=”yes”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[/toggles]

[/column]

[column size=”one_half”]

[accordion open_icon=”chevron-down” closed_icon=”chevron-right”]
[toggle title=”Toggle” open=”yes”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[toggle title=”Toggle” open=”no”]…toggle content…[/toggle]
[/accordion]

[/column]
[/columns]