Tabs

[row][one_whole]

Simple Tabs

[tabgroup ][tab title= »Tab One »]Tab 1 content – A good designer knows that tables should not be used for layout, but rather for displaying columns and rows of data. HTML enables the creation of well-structured, well-formatted tables.[/tab][tab title= »Tab Two »]Tab 2content – A good designer knows that tables should not be used for layout.[/tab][tab title= »Tab Three »]Tab 3 content – HTML enables the creation of well-structured, well-formatted tables.[/tab][/tabgroup][/one_whole][/row][row][one_whole][row][one_whole]

Tab Sizing

If you want your tabs to run the full width of their container evenly, you can add class of .two-up, .three-up, .four-up, and .five-up to them.

[tabgroup size= »three-up »][tab title= »Simpletab 1″]Tab 1 content – A good designer knows that tables should not be used for layout, but rather for displaying columns and rows of data. HTML enables the creation of well-structured, well-formatted tables.[/tab][tab title= »Simpletab 2″]Tab 2content – A good designer knows that tables should not be used for layout.[/tab][tab title= »Simpletab 3″]Tab 3 content – HTML enables the creation of well-structured, well-formatted tables.[/tab][/tabgroup][/one_whole][/row][row][one_whole]

How?

[/one_whole][/row][row][one_half]

Accordion

[accordiongroup][accordion title= »Accordion 1″]Accordion 1 content goes here[/accordion][accordion title= »Accordion 2″]Accordion 2content goes here[/accordion][accordion title= »Accordion 3″]Accordion 3 content goes here[/accordion][accordion title= »Accordion 4″]Accordion 4 content goes here[/accordion][/accordiongroup][/one_half][one_half]

Toggle

[togglegroup][toggle title= »toggle 1″]toggle 1 content goes here[/toggle][toggle title= »toggle 2″]toggle 2content goes here[/toggle][toggle title= »toggle 3″]toggle 3 content goes here[/toggle][toggle title= »toggle 4″]toggle 4 content goes here[/toggle][/togglegroup][/one_half][/row][row]

How to accordion?

How to toggle?

[/row]