Accordion and Toggles

Home / Shortcodes / Accordion and Toggles
[vc_row][vc_column width=”1/1″][mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”24″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”0″ margin_bottom=”0″ align=”center”]Fancy style[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”25″ align=”center” border_color=”#f97352″ thickness=”3″ margin_top=”15″ margin_bottom=”35″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text disable_pattern=”false” align=”center” margin_bottom=”60″]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][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/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/wp-content/uploads/2014/08/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/wp-content/uploads/2014/08/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/wp-content/uploads/2014/08/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″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row fullwidth=”true” attached=”false” padding=”0″][vc_column width=”1/1″][mk_divider style=”thin_solid” divider_width=”full_width” margin_top=”60″ margin_bottom=”50″ width=”1/1″ el_position=”first last” custom_width=”10″ align=”center” border_color=”#dadada” thickness=”1″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”24″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”0″ margin_bottom=”0″ align=”center”]Simple style[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”25″ align=”center” border_color=”#f97352″ thickness=”3″ margin_top=”15″ margin_bottom=”35″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text disable_pattern=”false” align=”center” margin_bottom=”60″]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][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/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/wp-content/uploads/2014/08/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][vc_row][vc_column width=”1/1″][mk_padding_divider size=”50″][/vc_column][/vc_row]
Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Not readable? Change text. captcha txt

Start typing and press Enter to search