Accordion & Toggles

[row]
[column size=»col-6″]
[title type=»special-h4-left»]Accordion[/title]
[title type=»subtitle-h6″]One toggle open at a time[/title]

[accordion_group initial_index=»0″]
[accordion_item icon=»hb-moon-support» title=»Accordion Title 1″]Enter your accordion content here. You can use shortcodes also…[/accordion_item]
[accordion_item icon=»hb-moon-brain» title=»Accordion Title 2″]Enter your accordion content here. You can use shortcodes also…[/accordion_item]
[accordion_item icon=»hb-moon-phone-3″ title=»Accordion Title 3″]Enter your accordion content here. You can use shortcodes also…[/accordion_item]
[accordion_item icon=»hb-moon-bag» title=»Accordion Title 4″]Enter your accordion content here. You can use shortcodes also…[/accordion_item]
[accordion_item icon=»hb-moon-user-8″ title=»Accordion Title 5″]Enter your accordion content here. You can use shortcodes also…[/accordion_item]
[accordion_item icon=»hb-moon-cog» title=»Accordion Title 6″]Enter your accordion content here. You can use shortcodes also…[/accordion_item]
[/accordion_group]

[/column]

[column size=»col-6″]
[title type=»special-h4-left»]Toggles[/title]
[title type=»subtitle-h6″]Multiple toggles open at a time[/title]

[toggle_group initial_index=»3″]
[toggle_item icon=»hb-moon-meter-fast» title=»Toggle Title 1″]Enter your toggle content here. You can use shortcodes also…[/toggle_item]
[toggle_item icon=»hb-moon-database-2″ title=»Toggle Title 2″]Enter your toggle content here. You can use shortcodes also…[/toggle_item]
[toggle_item icon=»hb-moon-screwdriver-2″ title=»Toggle Title 3″]Enter your toggle content here. You can use shortcodes also…[/toggle_item]
[toggle_item icon=»hb-moon-gift» title=»Toggle Title 4″]This toggle is opened by default. Enter your toggle content here. You can use shortcodes also…[/toggle_item]
[toggle_item icon=»hb-moon-checkmark» title=»Toggle Title 5″]Enter your toggle content here. You can use shortcodes also…[/toggle_item]
[toggle_item icon=»hb-moon-earth» title=»Toggle Title 6″]Enter your toggle content here. You can use shortcodes also…[/toggle_item]
[/toggle_group]

[/column]
[/row]

[spacer]

[title type=»special-h4-left»]Get the code[/title]
[title type=»subtitle-h6″]Paste in Text Editor[/title]
[content_box type=»without-header» color=»#FFFFFF» class=»pre-text»]

[accordion_group initial_index=»0″]
[accordion_item icon=»hb-moon-support» title=»Accordion Title»]Enter your accordion content here. Copy these accordion_item sections as much as you need.[/accordion_item]
[/accordion_group]

[toggle_group initial_index=»0″]
[toggle_item icon=»hb-moon-meter-fast» title=»Toggle Title»]Enter your toggle content here. Copy these toggle_item sections as much as you need[/toggle_item]
[/toggle_group]

[/content_box]
[info_message style=»info»]You can also use this shortcode via Visual Composer – Drag & Drop Page Builder.[/info_message]