Toggles & Accordions

Use FontAwesome icons with Toggles & Accordions!

 

Toggles (default icon)

Toggle

…toggle content…

Toggle

…toggle content…

Toggle

…toggle content…

Accordion (default icon)

Toggle

…toggle content…

Toggle

…toggle content…

Toggle

…toggle content…

 
 

Custom icon examples

 
 
[toggles open_icon=»info-sign» closed_icon=»question-sign»] [/toggles]
[accordion open_icon=»chevron-down» closed_icon=»chevron-right»] [/accordion]
 
  • 1.
    Toggle/Accordion Shortcode
  • 2.
    ==========================
  • 3.
    [toggles open_icon="" closed_icon=""]
  • 4.
    [toggle title="Toggle" open="yes"]...toggle content...[/toggle]
  • 5.
    [toggle title="Toggle" open="no"]...toggle content...[/toggle]
  • 6.
    [toggle title="Toggle" open="no"]...toggle content...[/toggle]
  • 7.
    [/toggles]
  • 8.
    [accordion open_icon="" closed_icon=""]
  • 9.
    [toggle title="Toggle" open="yes"]...toggle content...[/toggle]
  • 10.
    [toggle title="Toggle" open="no"]...toggle content...[/toggle]
  • 11.
    [toggle title="Toggle" open="no"]...toggle content...[/toggle]
  • 12.
    [/accordion]
  • 13.
    open_icon: (please see: http://fortawesome.github.io/Font-Awesome/3.2.1/icons/)
  • 14.
    closed_icon: (please see: http://fortawesome.github.io/Font-Awesome/3.2.1/icons/)