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=»https://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=»https://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=»https://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=»https://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]