Contents |
Shortcode Generator
Instead of typing out your shortcode you can also use our shortcode generator. Learn More
Tabs
jQuery tabs are a nice way to group related content. The reader will be able to flip through the pages by clicking on the relevant "tab". They are easy to use and each one is pretty much the same as far as syntax goes. In the example you will see that we used them in combination with the one half columns.
Syntax:
[tabs][tab title="Tab"]Content[/tab][/tabs] [tabs_framed][tab title="Tab"]Content[/tab][/tabs_framed] [tabs_button][tab title="Tab"]Content[/tab][/tabs_button] [tabs_vertical][tab title="Tab"]Content[/tab][/tabs_vertical]
Example:
[one_half] [tabs] [tab title="Hats"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Shirts"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Pants"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [/tabs] [tabs_framed] [tab title="Beds"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Chairs"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Lamps"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [/tabs_framed] [/one_half] [one_half_last] [tabs_button] [tab title="Meats"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Vegetables"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Fruits"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [/tabs_button] [tabs_vertical] [tab title="Meats"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Vegetables"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [tab title="Fruits"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/tab] [/tabs_vertical] [/one_half_last]
