mars 29, 2014 · No Comments!

Accordions

[vc_row][vc_column width="1/1"][vc_column_text]

The accordion element works as you would expect an accordion to - Click an item to reveal the information and the item open prior to clicking will close.

This is a great way of displaying large amounts of information without cluttering the page. As per the FAQs element, the accordions look great in a full width row or multiple columns as demonstrated below.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_text_separator title="Full Width" title_align="separator_align_left" color="grey"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_accordion collapsible="yes"][vc_accordion_tab title="Section 1"][vc_column_text]The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Section 2"][vc_column_text]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Section 3"][vc_column_text]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_text_separator title="Multi Column" title_align="separator_align_left" color="grey"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_accordion active_tab="false" collapsible="yes"][vc_accordion_tab title="Section 1"][vc_column_text]The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Section 2"][vc_column_text]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Section 3"][vc_column_text]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width="1/2"][vc_accordion active_tab="false" collapsible="yes"][vc_accordion_tab title="Section 1"][vc_column_text]The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Section 2"][vc_column_text]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title="Section 3"][vc_column_text]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row]