[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]