Accordion Demo

Accordion Demo:

An accordion can only have one section opened at a time, closing the previous opened panel.

[toggles accordion=”true”] [toggle title=”Accordion Demo 1st Toggle” color=”Accent-Color” id=”b1″] Tab content [/toggle] [toggle title=”Accordion 2″ color=”Accent-Color” id=”b2″] Tab content [/toggle] [toggle title=”Accordion With Different Color” color=”Extra-Color-1″ id=”b3″] Extra-Color-1 [/toggle] [/toggles]

Toggle Panel Demo:

A toggle panel can have many sections opened at once and individually closed

[toggles] [toggle title=”Toggle Panel 1″ color=”Accent-Color” id=”b1″] Content [/toggle] [toggle title=”Toggle Panel 2″ color=”Accent-Color” id=”b2″] Content [/toggle] [toggle title=”Panel With Different Color” color=”Extra-Color-1″ id=”b3″] Content [/toggle] [/toggles]

Instructions to Add to any page:

From content section of wordpress page/post edit:

  1. Click the big blue Nectar Shortcodes above the content entry
  2. At the top right of the module that opens up find “Toggle Panels” from the drop down menu
  3. Pick Accordian if that’s what you want
  4. Add/Remove as many toggles as you want at the bottom right
  5. Fill in the content
  6. Click “Add Shortcode” at bottom left