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]

Call Now Buttonהתקשרו עכשיו