Accordion and Toggles

[vc_row][vc_column width=”1/1″][mk_fancy_title tag_name=”h1″ style=”false” color=”#333333″ size=”32″ font_weight=”300″ margin_top=”0″ margin_bottom=”20″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Multiple styles and Actions

[/mk_fancy_title][vc_column_text disable_pattern=”false” align=”left” margin_bottom=”45″ p_margin_bottom=”0″ width=”1/1″ el_position=”first last”]

You can choose between 2 styles according to your website look and feel. There are also 3 types of Actions: One section, multiple sections or a specific section open at a time.

[/vc_column_text][mk_fancy_title tag_name=”h1″ style=”false” color=”#333333″ size=”18″ font_weight=”bold” margin_top=”10″ margin_bottom=”40″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Fancy style

[/mk_fancy_title][mk_fancy_title tag_name=”h1″ style=”true” color=”#393836″ size=”14″ font_weight=”inhert” margin_top=”0″ margin_bottom=”25″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

One toggle open at a time

[/mk_fancy_title][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_accordions style=”fancy-style” action_style=”accordion-action” open_toggle=”-1″ container_bg_color=”#ffffff” width=”2/3″ el_position=”first”][vc_accordion_tab icon=”moon-images-2″ title=”Amazing sliders”][vc_row_inner][vc_column_inner width=”1/2″ el_position=”first”][mk_image src=”http://artbees.net/themes/jupiter-demo/wp-content/uploads/2013/05/misc-8.jpg” image_width=”250″ image_height=”200″ lightbox=”false” frame_style=”simple” caption_location=”inside-image” align=”left” width=”1/1″ el_position=”first last”][/vc_column_inner][vc_column_inner width=”1/2″ el_position=”last”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][vc_accordion_tab icon=”moon-paint-format-2″ title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab icon=”icon-bolt” title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][vc_column width=”1/3″][vc_accordions style=”fancy-style” action_style=”accordion-action” open_toggle=”-1″ container_bg_color=”#ffffff” width=”1/3″ el_position=”last”][vc_accordion_tab title=”Amazing sliders”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][mk_fancy_title tag_name=”h1″ style=”true” color=”#393836″ size=”14″ font_weight=”inhert” margin_top=”30″ margin_bottom=”25″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Multiple toggle open at a time

[/mk_fancy_title][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_accordions style=”fancy-style” action_style=”toggle-action” open_toggle=”-1″ container_bg_color=”#ffffff” width=”1/3″ el_position=”first”][vc_accordion_tab icon=”moon-images-2″ title=”Amazing sliders”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][vc_column width=”2/3″][vc_accordions style=”fancy-style” action_style=”toggle-action” open_toggle=”3″ container_bg_color=”#ffffff” width=”2/3″ el_position=”last”][vc_accordion_tab icon=”moon-images-2″ title=”Amazing sliders”][vc_row_inner][vc_column_inner width=”1/2″ el_position=”first”][mk_image src=”http://artbees.net/themes/jupiter-demo/wp-content/uploads/2013/05/misc-8.jpg” image_width=”250″ image_height=”200″ lightbox=”false” frame_style=”simple” caption_location=”inside-image” align=”left” width=”1/1″ el_position=”first last”][/vc_column_inner][vc_column_inner width=”1/2″ el_position=”last”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][vc_accordion_tab icon=”moon-paint-format-2″ title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab icon=”icon-bolt” title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][mk_fancy_title tag_name=”h1″ style=”true” color=”#393836″ size=”14″ font_weight=”inhert” margin_top=”30″ margin_bottom=”25″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

One toggle open by default specified by user

[/mk_fancy_title][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_accordions style=”fancy-style” action_style=”accordion-action” open_toggle=”0″ container_bg_color=”#ffffff” width=”2/3″ el_position=”first”][vc_accordion_tab icon=”moon-images-2″ title=”Amazing sliders”][vc_row_inner][vc_column_inner width=”1/2″ el_position=”first”][mk_image src=”http://artbees.net/themes/jupiter-demo/wp-content/uploads/2013/05/misc-8.jpg” image_width=”250″ image_height=”200″ lightbox=”false” frame_style=”simple” caption_location=”inside-image” align=”left” width=”1/1″ el_position=”first last”][/vc_column_inner][vc_column_inner width=”1/2″ el_position=”last”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][vc_accordion_tab icon=”moon-paint-format-2″ title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab icon=”icon-bolt” title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][vc_column width=”1/3″][vc_accordions style=”fancy-style” action_style=”accordion-action” open_toggle=”2″ container_bg_color=”#ffffff” width=”1/3″ el_position=”last”][vc_accordion_tab icon=”moon-images-2″ title=”Amazing sliders”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][mk_divider style=”single_dotted” divider_width=”full_width” margin_top=”30″ margin_bottom=”30″ width=”1/1″ el_position=”first last”][mk_fancy_title tag_name=”h1″ style=”false” color=”#333333″ size=”18″ font_weight=”bold” margin_top=”10″ margin_bottom=”40″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Simple style

[/mk_fancy_title][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][mk_fancy_title tag_name=”h1″ style=”true” color=”#393836″ size=”14″ font_weight=”inhert” margin_top=”0″ margin_bottom=”25″ font_family=”none” align=”left” width=”1/1″ el_position=”first”]

One toggle open at a time

[/mk_fancy_title][/vc_column][vc_column width=”1/3″][mk_fancy_title tag_name=”h1″ style=”true” color=”#393836″ size=”14″ font_weight=”inhert” margin_top=”0″ margin_bottom=”25″ font_family=”none” align=”left” width=”1/1″ el_position=”last”]

Multiple toggle open at a time

[/mk_fancy_title][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_accordions style=”simple-style” action_style=”accordion-action” open_toggle=”-1″ container_bg_color=”#ffffff” width=”2/3″ el_position=”first”][vc_accordion_tab icon=”moon-images-2″ title=”Amazing sliders”][vc_row_inner][vc_column_inner width=”1/2″ el_position=”first”][mk_image src=”http://artbees.net/themes/jupiter-demo/wp-content/uploads/2013/05/misc-8.jpg” image_width=”250″ image_height=”200″ lightbox=”false” frame_style=”simple” caption_location=”inside-image” align=”left” width=”1/1″ el_position=”first last”][/vc_column_inner][vc_column_inner width=”1/2″ el_position=”last”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][vc_accordion_tab icon=”moon-paint-format-2″ title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab icon=”icon-bolt” title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][vc_column width=”1/3″][vc_accordions style=”simple-style” action_style=”toggle-action” open_toggle=”-1″ container_bg_color=”#ffffff” width=”1/3″ el_position=”last”][vc_accordion_tab icon=”moon-images-2″ title=”Amazing sliders”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab icon=”moon-paint-format-2″ title=”Unlimited colors”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab icon=”icon-bolt” title=”Tons of shortcodes”][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”20″ width=”1/1″ el_position=”first last”]

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

[/vc_column_text][/vc_accordion_tab][/vc_accordions][/vc_column][/vc_row]