Accordion and Toggles

[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_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="mk-moon-images-2" title="Amazing sliders"] [mk_image src="http://artbees.net/themes/jupiter/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/2" el_position="first"] [vc_column_text disable_pattern="true" align="left" margin_bottom="0" p_margin_bottom="20" width="1/2" el_position="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="mk-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"]

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

[/vc_column_text] [/vc_accordion_tab] [/vc_accordions] [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 icon="mk-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"]

[/vc_column_text] [/vc_accordion_tab] [vc_accordion_tab icon="" 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"]

[/vc_column_text] [/vc_accordion_tab] [vc_accordion_tab icon="" title="Tones of shortcodes"] [vc_column_text disable_pattern="true" align="left" margin_bottom="0" p_margin_bottom="20" width="1/1" el_position="first last"]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordions] [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_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="mk-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"]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordions] [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="mk-moon-images-2" title="Amazing sliders"] [mk_image src="http://artbees.net/themes/jupiter/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/2" el_position="first"] [vc_column_text disable_pattern="true" align="left" margin_bottom="0" p_margin_bottom="20" width="1/2" el_position="last"]

One toggle open by default specified by user

[/mk_fancy_title] [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="mk-moon-images-2" title="Amazing sliders"] [mk_image src="http://artbees.net/themes/jupiter/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/2" el_position="first"] [vc_column_text disable_pattern="true" align="left" margin_bottom="0" p_margin_bottom="20" width="1/2" el_position="last"]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordions] [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="mk-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"]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordions] [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

One toggle open at a time

Multiple toggle open at a time

[/mk_fancy_title] [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="mk-moon-images-2" title="Amazing sliders"] [mk_image src="http://artbees.net/themes/jupiter/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/2" el_position="first"] [vc_column_text disable_pattern="true" align="left" margin_bottom="0" p_margin_bottom="20" width="1/2" el_position="last"]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordions] [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="mk-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"]

[/vc_column_text] [/vc_accordion_tab] [/vc_accordions]

Accordion and Toggles

Contact us

Keep in touch with us