Tabs & Toggles

Home/Shortcodes/Tabs & Toggles
[dt_sc_one_half first]

Horizontal Tabs

[dt_sc_tabs_horizontal] [dt_sc_tab title=”Tab 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_tab] [dt_sc_tab title=”Tab 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_tab] [dt_sc_tab title=”Tab 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_tab] [/dt_sc_tabs_horizontal] [/dt_sc_one_half]
[dt_sc_one_half]

Vertical Tabs

[dt_sc_tabs_vertical] [dt_sc_tab title=”Tab 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_tab] [dt_sc_tab title=”Tab 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_tab] [dt_sc_tab title=”Tab 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_tab] [/dt_sc_tabs_vertical] [/dt_sc_one_half]
[dt_sc_hr_invisible] [dt_sc_one_half first][dt_sc_clear]

Shortcode:

[dt_sc_code] [dt_sc_tabs_horizontal] [dt_sc_tab title=”Tab 1″]your content goes here…[/dt_sc_tab] [dt_sc_tab title=”Tab 2″]your content goes here…[/dt_sc_tab] [dt_sc_tab title=”Tab 3″]your content goes here…[/dt_sc_tab] [/dt_sc_tabs_horizontal] [/dt_sc_code] [dt_sc_hr_medium][/dt_sc_one_half] [dt_sc_one_half][dt_sc_clear] Shortcode:

[dt_sc_code] [dt_sc_tabs_vertical] [dt_sc_tab title=”Tab 1″]your content goes here…[/dt_sc_tab] [dt_sc_tab title=”Tab 2″]your content goes here…[/dt_sc_tab] [dt_sc_tab title=”Tab 3″]your content goes here…[/dt_sc_tab] [/dt_sc_tabs_vertical] [/dt_sc_code] [dt_sc_hr_medium][/dt_sc_one_half] [dt_sc_one_half first]

Standard Toggle Style

[dt_sc_toggle title=”Toggle 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle] [dt_sc_toggle title=”Toggle 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle] [dt_sc_toggle title=”Toggle 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle] [dt_sc_clear] [dt_sc_hr_invisible] Shortcode:[dt_sc_code] [dt_sc_toggle title=”Toggle 1″]your content goes here…[/dt_sc_toggle] [dt_sc_toggle title=”Toggle 2″]your content goes here…[/dt_sc_toggle] [dt_sc_toggle title=”Toggle 3″]your content goes here…[/dt_sc_toggle] [/dt_sc_code] [dt_sc_hr_medium] [/dt_sc_one_half] [dt_sc_one_half]

Framed Toggle Style

[dt_sc_toggle_framed title=”Toggle 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Toggle 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Toggle 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle_framed] [dt_sc_clear] [dt_sc_hr_invisible] Shortcode:[dt_sc_code] [dt_sc_toggle_framed title=”Toggle 1″]your content goes here…[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Toggle 2″]your content goes here…[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Toggle 3″]your content goes here…[/dt_sc_toggle_framed] [/dt_sc_code] [dt_sc_hr_medium] [/dt_sc_one_half] [dt_sc_one_half first]

Standard Accordion Style

[dt_sc_accordion_group] [dt_sc_toggle title=”Accordion 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle] [dt_sc_toggle title=”Accordion 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle] [dt_sc_toggle title=”Accordion 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle] [/dt_sc_accordion_group] [dt_sc_clear] [dt_sc_hr_invisible] Shortcode:[dt_sc_code] [dt_sc_accordion_group] [dt_sc_toggle title=”Accordion 1″]your content goes here…[/dt_sc_toggle] [dt_sc_toggle title=”Accordion 2″]your content goes here…[/dt_sc_toggle] [dt_sc_toggle title=”Accordion 3″]your content goes here…[/dt_sc_toggle] [/dt_sc_accordion_group] [/dt_sc_code] [/dt_sc_one_half] [dt_sc_one_half]

Framed Accordion Style

[dt_sc_accordion_group] [dt_sc_toggle_framed title=”Accordion 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Accordion 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Accordion 3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_toggle_framed] [/dt_sc_accordion_group] [dt_sc_clear] [dt_sc_hr_invisible] Shortcode:[dt_sc_code] [dt_sc_accordion_group] [dt_sc_toggle_framed title=”Accordion 1″]your content goes here…[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Accordion 2″]your content goes here…[/dt_sc_toggle_framed] [dt_sc_toggle_framed title=”Accordion 3″]your content goes here…[/dt_sc_toggle_framed] [/dt_sc_accordion_group] [/dt_sc_code] [/dt_sc_one_half]