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]