Call Us Anytime

(972) 881-4242

Accordions

[raw]
[accordion sync=”true”]

[accordion_item title=”Nullam malesuada erat ut turpis” open=”true”]

Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh.

[/accordion_item]

[accordion_item title=”Sed egestas ante et vulputate”]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

[/accordion_item]

[accordion_item title=”Morbi interdum mollis sapien”]

Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna.

[/accordion_item]
[accordion_item title=”Fusce accumsan mollis eros”]

Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. Vivamus imperdiet nibh feugiat est. Nunc sem lacus, accumsan quis, faucibus non, congue vel.

[/accordion_item]
[/accordion]
[spacer height=”23px”]
[divider]
[spacer height=”24px”]
[/raw]

[raw]

Get The Code

[spacer height=”4px”]

[codebox line_numbers=”true” remove_breaks=”true” lang=”html”]
[[accordion sync=”true”]

[accordion_item title=”Item #1″ open=”true”]
Content…
[/accordion_item]

[accordion_item title=”Item #2″]
Content…
[/accordion_item]

[/accordion]][/codebox]
[spacer height=”23px”]
[divider]

[spacer height=”24px”]
[/raw]
[raw]

Customization Options

[list]
[list_item]sync – whether to keep only one item open at a time[/list_item]
[list_item]title – the title of the accordion item[/list_item]
[list_item]open – whether it’s open by default on page load[/list_item]
[list_item]color – the background color of the accordion item[/list_item]
[list_item]border – the border color of the accordion item[/list_item]
[/list]
[/raw]