Tabs
1 2 |
<h3>Default tab</h3> [su_tabs] [su_tab title="Tab 1"] Tab 1 content [/su_tab] [su_tab title="Tab 2"] Tab 2 content [/su_tab] [su_tab title="Tab 3"] Tab 3 content [/su_tab] [/su_tabs] |
Default tab
[su_tabs] [su_tab title=”Tab 1″] Tab 1 content [/su_tab] [su_tab title=”Tab 2″] Tab 2 content [/su_tab] [su_tab title=”Tab 3″] Tab 3 content [/su_tab] [/su_tabs]
1 2 |
<h3>Custom active tab</h3> [su_tabs active="2"] [su_tab title="Tab 1"] Tab 1 content [/su_tab] [su_tab title="Tab 2"] Tab 2 content [/su_tab] [su_tab title="Tab 3"] Tab 3 content [/su_tab] [/su_tabs] |
Custom active tab
[su_tabs active=”2″] [su_tab title=”Tab 1″] Tab 1 content [/su_tab] [su_tab title=”Tab 2″] Tab 2 content [/su_tab] [su_tab title=”Tab 3″] Tab 3 content [/su_tab] [/su_tabs]
1 2 |
<h3>Vertical tabs</h3> [su_tabs vertical="yes"] [su_tab title="Tab 1"] Tab 1 content [/su_tab] [su_tab title="Tab 2"] Tab 2 content [/su_tab] [su_tab title="Tab 3"] Tab 3 content [/su_tab] [/su_tabs] |
Vertical tabs
[su_tabs vertical=”yes”] [su_tab title=”Tab 1″] Tab 1 content [/su_tab] [su_tab title=”Tab 2″] Tab 2 content [/su_tab] [su_tab title=”Tab 3″] Tab 3 content [/su_tab] [/su_tabs]
1 2 |
<h3>Tabs anchors</h3> [su_tabs] [su_tab title="Tab 1" anchor="First"] Tab 1 content [/su_tab] [su_tab title="Tab 2" anchor="Second"] Tab 2 content [/su_tab] [su_tab title="Tab 3" anchor="Third"] Tab 3 content [/su_tab] [/su_tabs] Use next links to switch this tabs <a href="#First">Open tab 1</a> | <a href="#Second">Open tab 2</a> | <a href="#Third">Open tab 3</a> |
Tabs anchors
[su_tabs] [su_tab title=”Tab 1″ anchor=”First”] Tab 1 content [/su_tab] [su_tab title=”Tab 2″ anchor=”Second”] Tab 2 content [/su_tab] [su_tab title=”Tab 3″ anchor=”Third”] Tab 3 content [/su_tab] [/su_tabs] Use next links to switch this tabs Open tab 1 | Open tab 2 | Open tab 3
1 2 |
<h3>Disabled tabs</h3> [su_tabs] [su_tab title="Tab 1"] Tab 1 content [/su_tab] [su_tab title="Tab 2"] Tab 2 content [/su_tab] [su_tab title="Tab 3"] Tab 3 content [/su_tab] [su_tab title="Tab 4 (disabled)" disabled="yes"] Tab 4 content [/su_tab] [su_tab title="Tab 5 (disabled)" disabled="yes"] Tab 5 content [/su_tab] [/su_tabs] |
Disabled tabs
[su_tabs] [su_tab title=”Tab 1″] Tab 1 content [/su_tab] [su_tab title=”Tab 2″] Tab 2 content [/su_tab] [su_tab title=”Tab 3″] Tab 3 content [/su_tab] [su_tab title=”Tab 4 (disabled)” disabled=”yes”] Tab 4 content [/su_tab] [su_tab title=”Tab 5 (disabled)” disabled=”yes”] Tab 5 content [/su_tab] [/su_tabs]
1 2 |
<h3>Custom styles</h3> [su_tabs class="my-custom-tabs"] [su_tab title="Tab 1"] Tab 1 content [/su_tab] [su_tab title="Tab 2"] Tab 2 content [/su_tab] [su_tab title="Tab 3"] Tab 3 content [/su_tab] [/su_tabs] |
Custom styles
[su_tabs class=”my-custom-tabs”] [su_tab title=”Tab 1″] Tab 1 content [/su_tab] [su_tab title=”Tab 2″] Tab 2 content [/su_tab] [su_tab title=”Tab 3″] Tab 3 content [/su_tab] [/su_tabs]