元素 – 手風琴

demo
[cmo_section_header heading=”RIGHT ICON”][cmo_accordion active_color=”#5076bb”][cmo_accordion_tab title=”Donec pede justo fringilla vel aliquet nec”]

Maecenas bibendum lacus gravida placerat consequat. Vivamus quis hendrerit mauris. Vestibulum laoreet felis sed consectetur sollicitudin. Sed a mauris massa. Nullam interdum, elit nec facilisis iaculis.

[/cmo_accordion_tab][cmo_accordion_tab title=”Nullam dictum felis eu pede mollis pretium integer”]

Aenean commodo ligula eget dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus mus.

[/cmo_accordion_tab][cmo_accordion_tab title=”Phasellus viverra nulla ut metus varius laoreet”]

Get dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus musus quis hendrerit mauris.

[/cmo_accordion_tab][/cmo_accordion]
[cmo_section_header heading=”LEFT ICON”][cmo_accordion active_color=”#81d742″ icon_position=”icon-left” active_tab=”2″][cmo_accordion_tab title=”Donec pede justo fringilla vel aliquet nec”]

Maecenas bibendum lacus gravida placerat consequat. Vivamus quis hendrerit mauris. Vestibulum laoreet felis sed consectetur sollicitudin. Sed a mauris massa. Nullam interdum, elit nec facilisis iaculis.

[/cmo_accordion_tab][cmo_accordion_tab title=”Nullam dictum felis eu pede mollis pretium integer”]

Aenean commodo ligula eget dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus mus.

[/cmo_accordion_tab][cmo_accordion_tab title=”Phasellus viverra nulla ut metus varius laoreet”]

Get dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus musus quis hendrerit mauris.

[/cmo_accordion_tab][/cmo_accordion]
[cmo_section_header heading=” ACCORDION SPACING”]
[cmo_accordion active_color=”#e5403a” accordion_margin=”20″][cmo_accordion_tab title=”Donec pede justo fringilla vel aliquet nec”]

Maecenas bibendum lacus gravida placerat consequat. Vivamus quis hendrerit mauris. Vestibulum laoreet felis sed consectetur sollicitudin. Sed a mauris massa. Nullam interdum, elit nec facilisis iaculis.

[/cmo_accordion_tab][cmo_accordion_tab title=”Nullam dictum felis eu pede mollis pretium integer”]

Aenean commodo ligula eget dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus mus.

[/cmo_accordion_tab][cmo_accordion_tab title=”Phasellus viverra nulla ut metus varius laoreet”]

Get dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus musus quis hendrerit mauris.

[/cmo_accordion_tab][/cmo_accordion]
[cmo_accordion active_color=”#313131″ icon_position=”icon-left” active_tab=”2″ accordion_margin=”20″][cmo_accordion_tab title=”Donec pede justo fringilla vel aliquet nec”]

Maecenas bibendum lacus gravida placerat consequat. Vivamus quis hendrerit mauris. Vestibulum laoreet felis sed consectetur sollicitudin. Sed a mauris massa. Nullam interdum, elit nec facilisis iaculis.

[/cmo_accordion_tab][cmo_accordion_tab title=”Nullam dictum felis eu pede mollis pretium integer”]

Aenean commodo ligula eget dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus mus.

[/cmo_accordion_tab][cmo_accordion_tab title=”Phasellus viverra nulla ut metus varius laoreet”]

Get dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus musus quis hendrerit mauris.

[/cmo_accordion_tab][/cmo_accordion]
[cmo_section_header heading=”ALL COLLAPSED”]
[cmo_accordion collapsible=”yes” active_color=”#fdcd4f” active_tab=”false”][cmo_accordion_tab title=”Donec pede justo fringilla vel aliquet nec”]

Maecenas bibendum lacus gravida placerat consequat. Vivamus quis hendrerit mauris. Vestibulum laoreet felis sed consectetur sollicitudin. Sed a mauris massa. Nullam interdum, elit nec facilisis iaculis.

[/cmo_accordion_tab][cmo_accordion_tab title=”Nullam dictum felis eu pede mollis pretium integer”]

Aenean commodo ligula eget dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus mus.

[/cmo_accordion_tab][cmo_accordion_tab title=”Phasellus viverra nulla ut metus varius laoreet”]

Get dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus musus quis hendrerit mauris.

[/cmo_accordion_tab][/cmo_accordion]
[cmo_accordion collapsible=”yes” active_color=”#91ac8b” icon_position=”icon-left” active_tab=”false”][cmo_accordion_tab title=”Donec pede justo fringilla vel aliquet nec”]

Maecenas bibendum lacus gravida placerat consequat. Vivamus quis hendrerit mauris. Vestibulum laoreet felis sed consectetur sollicitudin. Sed a mauris massa. Nullam interdum, elit nec facilisis iaculis.

[/cmo_accordion_tab][cmo_accordion_tab title=”Nullam dictum felis eu pede mollis pretium integer”]

Aenean commodo ligula eget dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus mus.

[/cmo_accordion_tab][cmo_accordion_tab title=”Phasellus viverra nulla ut metus varius laoreet”]

Get dolor aenean massa cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiclus musus quis hendrerit mauris.

[/cmo_accordion_tab][/cmo_accordion]