Accordion and toggle

[dt_fancy_title title=”Without backgrounds” title_align=”left” title_size=”h6″ title_color=”custom” el_width=”100″ title_bg=”enabled” separator_color=”accent” separator_style=”disabled” custom_title_color=”#ffffff”]

Lorem ipsum dolor amet

Praesent eget lorem vitae mauris interdum luctus convallis a nunc. Phasellus dictum placerat volutpat. Cras facilisis quam lacus, molestie bibendum nisi egestas nec. Quisque vitae velit posuere, faucibus libero a, posuere felis. Nullam sit amet ornare lectus. Etiam adipiscing elit viverra, tincidunt orci consequat, lacinia erat. Phasellus non pretium ante. Etiam faucibus arcu ut felis aliquam faucibus. Sed mattis felis vitae libero viverra, in interdum dui dictum. Integer faucibus sem massa, mollis feugiat dolor commodo eget.

Suspendisse malesuada libero odio

Duis at sapien mi. Nunc eget eros turpis. Sed interdum augue quis enim fermentum sodales. Phasellus in libero eleifend magna hendrerit aliquam. Suspendisse malesuada libero odio, in egestas magna mattis a. Maecenas mauris diam, cursus et eros a, faucibus pretium dolor. Proin ac ultrices tellus. Nunc felis orci, aliquam interdum risus sit amet, venenatis sollicitudin diam. Cras bibendum dui nec leo tempus tempus.

Maecenas id eros urna

Praesent placerat dui metus, vitae mattis mi lobortis aliquam. Proin risus eros, dapibus a porttitor id, eleifend a est. Sed metus leo, blandit sit amet odio id, hendrerit sollicitudin lacus. Pellentesque vitae lectus molestie, ornare sem eget, sagittis metus. Maecenas id eros urna. Duis et accumsan nunc, eget faucibus leo. Cras ornare massa in neque venenatis, a posuere dui ornare. Maecenas id volutpat mi, eu pellentesque eros. Morbi nibh libero, feugiat eget rutrum sit amet, interdum nec magna.

Praesent placerat dui metus

Vivamus ac massa sem. Praesent placerat dui metus, vitae mattis mi lobortis aliquam. Proin risus eros, dapibus a porttitor id, eleifend a est. Sed metus leo, blandit sit amet odio id, hendrerit sollicitudin lacus. Pellentesque vitae lectus molestie, ornare sem eget, sagittis metus. Maecenas id eros urna. Duis et accumsan nunc, eget faucibus leo. Cras ornare massa in neque venenatis, a posuere dui ornare. Maecenas id volutpat mi, eu pellentesque eros. Morbi nibh libero, feugiat eget rutrum sit amet, interdum nec magna.

Duis ullamcorper id augue

Cras est ante, porttitor non aliquam eget, ornare venenatis urna. Sed ac quam et arcu lacinia mattis rutrum vel massa. Phasellus blandit, risus at porttitor pharetra, tellus dolor euismod nunc, eget venenatis tortor neque ac erat. Duis ullamcorper id augue eu fringilla. Ut hendrerit varius ullamcorper. In quis dolor mi. Sed elementum, magna at gravida feugiat, nulla odio porta mi, ut accumsan massa purus sed diam.

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Accordion”

Active section: 1

Allow collapsible all: Allow

Style: Style 3[dt_gap height=”10″ /]

[dt_fancy_title title=”With backgrounds, all collapsed” title_align=”left” title_size=”h6″ title_color=”custom” el_width=”100″ title_bg=”enabled” separator_color=”accent” separator_style=”disabled” custom_title_color=”#ffffff”]

Lorem ipsum dolor amet

Praesent eget lorem vitae mauris interdum luctus convallis a nunc. Phasellus dictum placerat volutpat. Cras facilisis quam lacus, molestie bibendum nisi egestas nec. Quisque vitae velit posuere, faucibus libero a, posuere felis. Nullam sit amet ornare lectus. Etiam adipiscing elit viverra, tincidunt orci consequat, lacinia erat. Phasellus non pretium ante. Etiam faucibus arcu ut felis aliquam faucibus. Sed mattis felis vitae libero viverra, in interdum dui dictum. Integer faucibus sem massa, mollis feugiat dolor commodo eget.

Suspendisse malesuada libero odio

Duis at sapien mi. Nunc eget eros turpis. Sed interdum augue quis enim fermentum sodales. Phasellus in libero eleifend magna hendrerit aliquam. Suspendisse malesuada libero odio, in egestas magna mattis a. Maecenas mauris diam, cursus et eros a, faucibus pretium dolor. Proin ac ultrices tellus. Nunc felis orci, aliquam interdum risus sit amet, venenatis sollicitudin diam. Cras bibendum dui nec leo tempus tempus.

Maecenas id eros urna

Praesent placerat dui metus, vitae mattis mi lobortis aliquam. Proin risus eros, dapibus a porttitor id, eleifend a est. Sed metus leo, blandit sit amet odio id, hendrerit sollicitudin lacus. Pellentesque vitae lectus molestie, ornare sem eget, sagittis metus. Maecenas id eros urna. Duis et accumsan nunc, eget faucibus leo. Cras ornare massa in neque venenatis, a posuere dui ornare. Maecenas id volutpat mi, eu pellentesque eros. Morbi nibh libero, feugiat eget rutrum sit amet, interdum nec magna.

Praesent placerat dui metus

Vivamus ac massa sem. Praesent placerat dui metus, vitae mattis mi lobortis aliquam. Proin risus eros, dapibus a porttitor id, eleifend a est. Sed metus leo, blandit sit amet odio id, hendrerit sollicitudin lacus. Pellentesque vitae lectus molestie, ornare sem eget, sagittis metus. Maecenas id eros urna. Duis et accumsan nunc, eget faucibus leo. Cras ornare massa in neque venenatis, a posuere dui ornare. Maecenas id volutpat mi, eu pellentesque eros. Morbi nibh libero, feugiat eget rutrum sit amet, interdum nec magna.

Duis ullamcorper id augue

Cras est ante, porttitor non aliquam eget, ornare venenatis urna. Sed ac quam et arcu lacinia mattis rutrum vel massa. Phasellus blandit, risus at porttitor pharetra, tellus dolor euismod nunc, eget venenatis tortor neque ac erat. Duis ullamcorper id augue eu fringilla. Ut hendrerit varius ullamcorper. In quis dolor mi. Sed elementum, magna at gravida feugiat, nulla odio porta mi, ut accumsan massa purus sed diam.

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Accordion”

Active section: false

Allow collapsible all: Allow

Style: Style 2[dt_gap height=”10″ /]

[dt_fancy_title title=”Toggle shortcode” title_align=”left” title_size=”h6″ title_color=”custom” el_width=”100″ title_bg=”enabled” separator_color=”accent” separator_style=”disabled” custom_title_color=”#ffffff”]

Toggle title lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

Toggle title commodo consequat amet

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

Toggle title magna aliquam

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

Toggle title dolor amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “FAQ”

Default state: Closed[dt_gap height=”10″ /]