Accordion and Toggles

Главная / 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.

Не разобрать? Сменить картинку captcha txt

Введите текст и нажмите «Ввод» для поиска