Accordions

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Accordions are a great way for presenting information in a limited amount of space. Accordions can be altered in size and allow for multiple open panels.

[/tm_textblock]

[tm_textblock textarea_html_bkg_color=”#ffffff”]


[/tm_textblock]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Default Accordion

[/tm_textblock]

[tm_accordion_holder accordion_border_style=”rounded” use_icon=”” header_background_color_active=”#3fb58b” header_border_color_active=”#3fb58b” header_text_color_active=”#ffffff” accordion_id=”4e364e8a-3969-4″][tm_accordion_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Section 1″ accordion_id=”1489177332-74″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][tm_accordion_tab_item textarea_html_bkg_color=”#ffffff” title=”Section 2″ accordion_id=”1489177332-34″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][/tm_accordion_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Multiple Open Panels

[/tm_textblock]

[tm_accordion_holder toggle_multiple=”true” accordion_border_style=”rounded” use_icon=”” header_background_color_active=”#3fb58b” header_border_color_active=”#3fb58b” header_text_color_active=”#ffffff” accordion_id=”4bed24fe-50e8-9″][tm_accordion_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Section 1″ accordion_id=”1489177399-70″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][tm_accordion_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Section 2″ accordion_id=”1489177399-27″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][/tm_accordion_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

With icons

[/tm_textblock]

[tm_accordion_holder accordion_border_style=”rounded” use_icon=”true” header_background_color_active=”#3fb58b” header_border_color_active=”#3fb58b” header_text_color_active=”#ffffff” accordion_id=”dbaa3634-cec6-7″][tm_accordion_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Section 1″ accordion_id=”9da883b6-cae1-0″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][tm_accordion_tab_item textarea_html_bkg_color=”#ffffff” title=”Section 2″ accordion_id=”4dc4550c-cf5c-2″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][/tm_accordion_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Accordion Style 2

[/tm_textblock]

[tm_accordion_holder accordion_style=”bordered” accordion_border_style=”rounded” use_icon=”true” header_border_color_active=”#3fb58b” header_text_color_active=”#3fb58b” accordion_id=”aed7626d-f201-2″][tm_accordion_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Section 1″ accordion_id=”8d589faa-fd26-0″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][tm_accordion_tab_item textarea_html_bkg_color=”#ffffff” title=”Section 2″ accordion_id=”b960be88-d53f-4″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][/tm_accordion_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Accordion Style 3

[/tm_textblock]

[tm_accordion_holder accordion_style=”line” use_icon=”true” header_border_color_active=”#3fb58b” header_text_color_active=”#3fb58b” accordion_id=”bbb6a17b-fe70-10″][tm_accordion_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Section 1″ accordion_id=”ae0dca4e-9553-5″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][tm_accordion_tab_item textarea_html_bkg_color=”#ffffff” title=”Section 2″ accordion_id=”683ee177-13c1-1″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_accordion_tab_item][/tm_accordion_holder]