Tabs & Accordion & Toggles

[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

[one_half]

Types

[divider_line]
Tabs are available in type :
[list icon=”check” color=”blue”]

• Framed Horizontale Tabs
• Mini Tabs Horizontale Tabs
• Vertical Tabs

[/list][/one_half]
[one_half_last]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

• tabs the shortcode wrapper
• tab the tab panel
• icon : icon name for tab (optional)
• icon_color : color of icon (optional)

[/list][/one_half_last]

[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3238″ caption=”Tabs Shortcode Option Panel” alt=”Tabs Shortcode Option Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Tabs Shortcode Option Panel”]
[/tab]
[/tabs]

[divider_padding]

Tabs

[tabs]
[tab title=”Tab 1″ icon=”check” icon_color=”#3cabce”]

Nam feugiat egestas nulla. Donec augue dui, molestie sed, tristique sit amet, blandit eu, turpis. Mauris hendrerit, nisi et sodales tempor, orci tellus laoreet elit, sed molestie dui quam vitae dui.
[/tab]
[tab title=”Tab 2″ icon=”check” icon_color=”#3cabce”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra, leo sit amet auctor fermentum, risus lorem posuere tortor, in accumsan purus magna imperdiet sem.
[/tab]
[tab title=”Tab 3″ icon=”check” icon_color=”#3cabce”]
In sed dolor. Etiam eget quam ac nibh pharetra adipiscing. Nullam vitae ligula. Sed sit amet leo sit amet arcu mollis ultrices. Vivamus rhoncus sapien nec lorem. In mattis nisi. Vivamus at enim. Integer semper imperdiet massa. Vestibulum nulla massa, pretium quis, porta id, vestibulum vitae, velit.
[/tab]
[/tabs]
[code]
[tabs]
[tab title=”title 1″ icon=”check” icon_color=”#3cabce”]
contents
[/tab]
[tab title=”title 2″ icon=”check” icon_color=”#3cabce”]
contents
[/tab]
[/tabs]
[/code]

[divider_top]

Mini tabs

[mini_tabs]
[tab title=”Tab 1″]
Mauris ultricies. Nam feugiat egestas nulla. Donec augue dui, molestie sed, tristique sit amet, blandit eu, turpis. Mauris hendrerit, nisi et sodales tempor, orci tellus laoreet elit, sed molestie dui quam vitae dui.
[/tab]
[tab title=”Tab 2″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra, leo sit amet auctor fermentum, risus lorem posuere tortor, in accumsan purus magna imperdiet sem.
[/tab]
[tab title=”Tab 3″]
In sed dolor. Etiam eget quam ac nibh pharetra adipiscing. Nullam vitae ligula. Sed sit amet leo sit amet arcu mollis ultrices. Vivamus rhoncus sapien nec lorem. In mattis nisi. Vivamus at enim. Integer semper imperdiet massa. Vestibulum nulla massa, pretium quis, porta id, vestibulum vitae, velit.
[/tab]
[/mini_tabs]

[code]
[mini_tabs]
[tab title=”title 1″]
contents
[/tab]
[tab title=”title 2″]
contents
[/tab]
[/mini_tabs]
[/code]

[divider_top]

[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

• accordions the shortcode wrapper
• accordion the accordion panel
• icon : icon name for tab (optional)
• icon_color : color of icon (optional)

[/list]

[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3248″ caption=”Accordion Shortcode Option Panel” alt=”Accordion Shortcode Option Panel” align=”center” icon=”zoom” width=”600″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Accordion Shortcode Option Panel”]
[/tab]
[/tabs]

Accordion

[one_third]
[accordions]

[/accordions]
[/one_third]
[two_third_last]
Donec nec nisi mi. Sed malesuada ante eget ligula tristique congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce ullamcorper, nunc et luctus vulputate, sapien metus gravida enim, eu tempor urna mauris a enim. Cras eu massa enim. In hac habitasse platea dictumst. Cras bibendum porttitor turpis, eu sodales velit ultricies id. Etiam egestas malesuada lectus non ornare. Nullam sed tellus ac tellus fermentum vehicula vel non orci. Maecenas sem magna, bibendum id elementum vel, luctus ac velit. In posuere diam in sapien blandit iaculis. Aliquam erat volutpat. Nunc id sem id orci viverra consectetur. Aenean elementum varius turpis, in rhoncus magna ultricies quis. Nullam dignissim gravida elit ac semper. Maecenas vel erat in urna fringilla mattis. Maecenas ultrices posuere tempus. Sed nunc ipsum, suscipit eget tincidunt vel, aliquet a enim. Integer viverra convallis enim id facilisis.
[/two_third_last]
Nullam auctor fermentum sodales. Cras tortor urna, dictum at sollicitudin eget, adipiscing sed odio. Vestibulum a fermentum nisl. Sed dui erat, tempus vitae condimentum sed, dapibus eu risus. Integer et magna sed felis viverra placerat eu quis eros. Donec non placerat quam. Sed lorem lorem, porta ut volutpat ut, ultricies eu velit. Donec non turpis elit, ut ultrices mauris. Duis vitae congue augue. Maecenas sed ante ligula.
[code]
[accordions]


[/accordions]
[/code]

[divider_top]
[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

• title the toggle titler
• open : true, false (optional)
• iconColor (optional)
• titleSize sise in pixels (optional)
• align left, right(optional)

[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3249″ caption=”Toggle Shortcode Option Panel” alt=”Toggle Shortcode Option Panel” align=”center” icon=”zoom” width=”600″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Toggle Shortcode Option Panel”]
[/tab]
[/tabs]

Toggle Content

[toggle title=”Click me to show/hide content”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit tempor diam, ut fringilla lorem convallis ac. Suspendisse dignissim dolor a est lobortis cursus. Nulla in odio id eros elementum dapibus. Fusce gravida dolor id turpis faucibus non varius turpis adipiscing.
[/toggle]
[toggle title=”Click me to show/hide content”]
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ac tellus in nunc molestie viverra. Donec lectus massa, lobortis a fermentum eu, imperdiet sed orci. Morbi consequat est non nibh convallis quis viverra erat luctus.
[/toggle]
[code]
[toggle title=”title”]
contents
[/toggle]
[/code]
[divider_top]