Accordion and toggle

Accordion with background

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.

Suspendisse malesuada libero odio

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. 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.

GET SETTINGS

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

Active section: 1

Allow collapsible all: Allow

Title size: Large

Style: Style 2 (with backgrounds)[dt_gap height=”10″ /]

Accordion with dividers

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.

Suspendisse malesuada libero odio

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. 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.

GET SETTINGS

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

Active section: False

Allow collapsible all: Allow

Title size: H5

Style: Style 3 (with dividers)[dt_gap height=”10″ /]

Accordion without backgrounds & dividers

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.

Suspendisse malesuada libero odio

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. 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.

GET SETTINGS

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

Active section: 1

Allow collapsible all: No

Title size: H5

Style: Style 1 (no backgrounds)[dt_gap height=”10″ /]

Toggle (FAQ)

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”

Style: Simple, Round, Round Outline, Square…

Icon color: Blue, Pink, Violet…

Size: Small, Normal, Large

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