Shortcodes – Tabs and Toggles

Framed Tabs

[one_half]
[tabs style=»framed» tab_1=»Tab #1″ tab_2=»Tab #2″ tab_3=»Tab #3″]
[tab_1]First tab content here.[/tab_1]
[tab_2]Second content here.[/tab_2]
[tab_3]Third tab content here.[/tab_3]
[/tabs]
[/one_half]

[one_half last]

[tabs style="framed" tab_1="Tab #1" tab_2="Tab #2" tab_3="Tab #3"]
[tab_1]First tab content here.[/tab_1]
[tab_2]Second content here.[/tab_2]
[tab_3]Third tab content here.[/tab_3]
[/tabs]

[/one_half]

[clear]
[divider]

Open Tabs

[one_half]
[tabs style=»open» tab_1=»Tab #1″ tab_2=»Tab #2″ tab_3=»Tab #3″]
[tab_1]First tab content here.[/tab_1]
[tab_2]Second content here.[/tab_2]
[tab_3]Third tab content here.[/tab_3]
[/tabs]
[/one_half]

[one_half last]

[tabs style="open" tab_1="Tab #1" tab_2="Tab #2" tab_3="Tab #3"]
[tab_1]First tab content here.[/tab_1]
[tab_2]Second content here.[/tab_2]
[tab_3]Third tab content here.[/tab_3]
[/tabs]

[/one_half]

[clear]
[divider]

Toggles

[raw]
[one_half]
[toggle title=»Toggle #1″]This is the content of the toggle.[/toggle]
[toggle title=»Toggle #2″]This is the content of the toggle.[/toggle]
[toggle title=»Toggle #3″]This is the content of the toggle.[/toggle]
[toggle title=»Toggle #4″]This is the content of the toggle.[/toggle]
[toggle title=»Toggle #5″ last]This is the content of the toggle.[/toggle]
[/one_half]

[one_half last]

[raw]
[toggle title="Toggle #1"]This is the content of the toggle.[/toggle]
[toggle title="Toggle #2"]This is the content of the toggle.[/toggle]
[toggle title="Toggle #3"]This is the content of the toggle.[/toggle]
[toggle title="Toggle #4"]This is the content of the toggle.[/toggle]
[toggle title="Toggle #5" last]This is the content of the toggle.[/toggle]
[/raw]

[/one_half]

[clear]
[/raw]