[one_third]

[bullets icon=”0159.png”]

• Aligned content (Images, etc.)
• Buttons
• Icons, Lists

[/bullets]

[/one_third]

[one_third]

[bullets icon=”0159.png”]

• Infopanes
• Marker
• Toggle/Accordion/Tabs

[/bullets]

[/one_third]

[one_third_last]

[bullets icon=”0159.png”]

• Tables
• Dropcaps
• Columns

[/bullets]

[/one_third_last]

---

Toggle/Accordion/Tabs

Toggle

[one_half]

Initial state Closed

[toggle title=”Toggle title goes here”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

 

Set of Toggles

[toggle title=”Toggle title 1 goes here”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[toggle title=”Toggle title 2 goes here”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[toggle title=”Toggle title 3 goes here”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[/one_half]

[one_half_last]

Initial state Opened

[toggle title=”Toggle title goes here” state=”opened”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[/one_half_last]

 

Accordion

Accordion in fact is a set of Toggles, wrapped into [accordion] shortcode.

[one_half]

[toggle title=”Accordion item 1 title” state=”opened”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[toggle title=”Accordion item 2 title”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[toggle title=”Accordion item 3 title”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[/one_half]

[one_half_last] [/one_half_last]

 

Tabs

[one_third]

Horisontal Tabs

[tabs]

[/tabs]

[/one_third]

[two_third_last]

 Vertical Tabs

[tabs vertical=”true”]

[/tabs]

[/two_third_last]

[dots_divider]

See also

[one_third]

[bullets icon=”0159.png”]

• Aligned content (Images, etc.)
• Buttons
• Icons, Lists

[/bullets]

[/one_third]

[one_third]

[bullets icon=”0159.png”]

• Infopanes
• Marker
• Toggle/Accordion/Tabs

[/bullets]

[/one_third]

[one_third_last]

[bullets icon=”0159.png”]

• Tables
• Dropcaps
• Columns

[/bullets]

[/one_third_last]