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://demos.artbees.net/jupiter5/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 »] [/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 »] [/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 »] [/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 »] [/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 »] [/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 »] [/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 »] [/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 »] [/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 »] [/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://demos.artbees.net/jupiter5/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 »] [/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 »] [/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 »] [/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://demos.artbees.net/jupiter5/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 »] [/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 »] [/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 »] [/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 »] [/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 »] [/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 »] [/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_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://demos.artbees.net/jupiter5/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 »] [/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 »] [/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 »] [/vc_column_text][/vc_accordion_tab][/vc_accordions][/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_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 »] [/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 »] [/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 »] [/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]