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