[vc_row][vc_column width=”1/1″][vc_accordion][vc_accordion_tab title=”Accordion and Toggles” icon=”flask”][vc_column_text]
- Unlimited toggle/accordion sections are possible.
- You can choose from accordion mode (only one open element) or toggle mode (multiple open elmenets)
- Add Icons to section headings
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Title Goes Here” icon=”trophy”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate dolore eveniet quis, quos tempore temporibus ut.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”The Astra Philosophy” icon=”book”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Another Tab Title” icon=”cog”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/vc_column_text][/vc_accordion_tab][/vc_accordion][vc_separator icon=”star” type=”invisible”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]
Accordion Mode
[/vc_column_text][vc_accordion][vc_accordion_tab title=”Our Company Mission”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Title Goes Here”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate dolore eveniet quis, quos tempore temporibus ut.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”The Astra Philosophy”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Another Tab Title”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/2″][vc_column_text]
Toggle Mode
[/vc_column_text][vc_accordion toggle=”yes”][vc_accordion_tab title=”Our Company Mission” icon=”flask”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Title Goes Here” icon=”trophy”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate dolore eveniet quis, quos tempore temporibus ut.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”The Astra Philosophy” icon=”book”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.
[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Another Tab Title” icon=”cog”][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row]
2 thoughts on “Accordion and Toggles”