Tabs & Toggles

[background bokeh=”yes” particles=”yes” overlay=”no” slice=”yes” sliceglimmer=”yes”]
[background_image]{THEME_ROOT}/images/stars3.jpg[/background_image]
[/background]

[spacer_20][spacer_20]

[h3]Tabs[/h3]

[tab_set]
[tab title=”Text Only”]Tabs can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.[/tab]
[tab title=”Quote”][articlequote]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. Ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.[/articlequote][/tab]
[tab title=”Video”][/tab]
[/tab_set]

[code_table]
[code_line][tab_set][/code_line]
[code_line][tab title=”Text Only”]Lorem ipsum dolor sit amet…[/tab][/code_line]
[code_line][tab title=”Quote”][articlequote]Lorem ipsum…[/articlequote][/tab][/code_line]
[code_line][tab title=”Video”][/tab][/code_line]
[code_line][/tab_set][/code_line]
[/code_table]

[spacer_20][spacer_20]

[h3]Toggles[/h3]

[toggle_box title=”Toggle Type One”]
Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/toggle_box]

[code_table]
[code_line][toggle_box title=”Toggle Type One”][/code_line]
[code_line]Lorem ipsum dolor sit amet…[/code_line]
[code_line][/toggle_box][/code_line]
[/code_table]

[toggle_box title=”Toggle Type Two” variation=”2″]
Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/toggle_box]

[code_table]
[code_line][toggle_box title=”Toggle Type Two” variation=”2″][/code_line]
[code_line]Lorem ipsum dolor sit amet…[/code_line]
[code_line][/toggle_box][/code_line]
[/code_table]

[spacer_20][spacer_20]

[h3]Toggle Groups (Accordions)[/h3]

[toggle_box_group]
[toggle_box title=”Toggle Accordion One”]Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/toggle_box]
[toggle_box title=”Toggle Accordion Two”]Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/toggle_box]
[toggle_box title=”Toggle Accordion Three”]Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/toggle_box]
[toggle_box title=”Toggle Accordion Four”]Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/toggle_box]
[/toggle_box_group]

[code_table]
[code_line][toggle_box_group][/code_line]
[code_line][toggle_box title=”Toggle Accordion One”]Lorem ipsum…[/toggle_box][/code_line]
[code_line][toggle_box title=”Toggle Accordion Two”]Lorem ipsum…[/toggle_box][/code_line]
[code_line][toggle_box title=”Toggle Accordion Three”]Lorem ipsum…[/toggle_box][/code_line]
[code_line][toggle_box title=”Toggle Accordion Four”]Lorem ipsum…[/toggle_box][/code_line]
[code_line][/toggle_box_group][/code_line]
[/code_table]

[spacer_20][spacer_20]

[h3]Toggle Colors[/h3]

[toggle_box title=”Toggle Colors” color=”#ff00ff”]
Toggles can take any custom color by adding color=”#ffffff” with your preferred color inside!
[/toggle_box]

[code_table]
[code_line][toggle_box title=”Toggle Colors” color=”#ff00ff”][/code_line]
[code_line]Lorem ipsum dolor sit amet…[/code_line]
[code_line][/toggle_box][/code_line]
[/code_table]

Leave a Reply

Your email address will not be published. Required fields are marked *