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]

Leave a Reply

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