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

 
 
Toggle

…toggle content…

Toggle

…toggle content…

Toggle

…toggle content…

Toggle

…toggle content…

Toggle

…toggle content…

Toggle

…toggle content…

 
  • 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/)