Accordion and toggle

[vc_row type=”vc_default” equal_height=”yes” margin_top=”-5″ margin_bottom=”60″][vc_column width=”1/2″ css=”.vc_custom_1482498381404{padding-bottom: 80px !important;}”][vc_column_text css=”.vc_custom_1482498374375{padding-bottom: 30px !important;}”]

Accordion minimal

[/vc_column_text][vc_accordion active_tab=”1″ title_size=”h5″][vc_accordion_tab title=”Lorem ipsum dolor amet”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Suspendisse malesuada libero odio”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Maecenas id eros urna”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=” Praesent placerat dui metus”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Duis ullamcorper id augue”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column offset=”vc_col-lg-6 vc_col-md-6″ css=”.vc_custom_1482498387567{padding-bottom: 80px !important;}”][vc_column_text css=”.vc_custom_1482498257499{padding-bottom: 30px !important;}”]

Accordion with background

[/vc_column_text][vc_accordion active_tab=”1″ collapsible=”yes” style=”2″][vc_accordion_tab title=”Lorem ipsum dolor amet”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Suspendisse malesuada libero odio”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Maecenas id eros urna”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=” Praesent placerat dui metus”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Duis ullamcorper id augue”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column offset=”vc_col-lg-6 vc_col-md-6 vc_col-xs-12″ css=”.vc_custom_1482498407733{padding-bottom: 80px !important;}”][vc_column_text css=”.vc_custom_1482498264274{padding-bottom: 30px !important;}”]

Accordion with dividers

[/vc_column_text][vc_accordion active_tab=”false” collapsible=”yes” title_size=”h5″ style=”3″][vc_accordion_tab title=”Lorem ipsum dolor amet”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Suspendisse malesuada libero odio”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Maecenas id eros urna”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=” Praesent placerat dui metus”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Duis ullamcorper id augue”][vc_column_text]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.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column css=”.vc_custom_1482498417219{padding-bottom: 80px !important;}” offset=”vc_col-lg-6 vc_col-md-6″][vc_column_text css=”.vc_custom_1482498281813{padding-bottom: 30px !important;}”]

Toggle (FAQ)

[/vc_column_text][vc_toggle title=”Toggle title lorem ipsum dolor” style=”simple” color=”black” size=”sm” el_id=”1445240377892-55e27fef-383c” css=”.vc_custom_1482484823250{padding-bottom: 20px !important;}”]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[/vc_toggle][vc_toggle title=”Toggle title commodo consequat amet” style=”round” color=”black” size=”sm” el_id=”1445240378151-bb6e1a54-d14e” css=”.vc_custom_1482484829279{padding-bottom: 20px !important;}”]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[/vc_toggle][vc_toggle title=”Toggle title magna aliquam” style=”round_outline” color=”black” size=”sm” el_id=”1445240378419-c65ac37a-219f” css=”.vc_custom_1482484836075{padding-bottom: 20px !important;}”]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[/vc_toggle][vc_toggle title=”Toggle title dolor amet” style=”square_outline” color=”black” size=”sm” el_id=”1445240378691-c0aa2421-1eca”]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[/vc_toggle][/vc_column][/vc_row]

Custom WordPress Theme by Yale Street Creative