{"id":30285,"date":"2014-04-07T14:05:36","date_gmt":"2014-04-07T14:05:36","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=13751"},"modified":"2014-04-07T14:05:36","modified_gmt":"2014-04-07T14:05:36","slug":"accordion-and-toggle","status":"publish","type":"page","link":"http:\/\/stg-gtt.com\/fr\/shortcodes\/accordion-and-toggle\/","title":{"rendered":"Accordion and toggle"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid vc_row-o-equal-height vc_row-flex\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner vc_custom_1482498381404\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1482498374375\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3>Accordion\u00a0minimal<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion wpb_content_element  not-column-inherit dt-style dt-accordion-h5-size\" data-collapsible=\"\" data-vc-disable-keydown=\"false\" data-active-tab=\"1\">\n\t\t<div class=\"wpb_wrapper wpb_accordion_wrapper ui-accordion\">\n\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#lorem-ipsum-dolor-amet\"><span>Lorem ipsum dolor amet<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#suspendisse-malesuada-libero-odio\"><span>Suspendisse malesuada libero odio<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#maecenas-id-eros-urna\"><span>Maecenas id eros urna<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#praesent-placerat-dui-metus\"><span> Praesent placerat dui metus<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#duis-ullamcorper-id-augue\"><span>Duis ullamcorper id augue<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vc_col-md-6\"><div class=\"vc_column-inner vc_custom_1482498387567\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1482498257499\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3>Accordion with background<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion wpb_content_element  not-column-inherit dt-style dt-accordion-bg-on dt-accordion-text-big\" data-collapsible=\"yes\" data-vc-disable-keydown=\"false\" data-active-tab=\"1\">\n\t\t<div class=\"wpb_wrapper wpb_accordion_wrapper ui-accordion\">\n\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#lorem-ipsum-dolor-amet\"><span>Lorem ipsum dolor amet<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#suspendisse-malesuada-libero-odio\"><span>Suspendisse malesuada libero odio<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#maecenas-id-eros-urna\"><span>Maecenas id eros urna<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#praesent-placerat-dui-metus\"><span> Praesent placerat dui metus<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#duis-ullamcorper-id-augue\"><span>Duis ullamcorper id augue<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vc_col-md-6 vc_col-xs-12\"><div class=\"vc_column-inner vc_custom_1482498407733\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1482498264274\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3>Accordion with\u00a0dividers<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion wpb_content_element  not-column-inherit dt-style dt-accordion-line-on dt-accordion-h5-size\" data-collapsible=\"yes\" data-vc-disable-keydown=\"false\" data-active-tab=\"false\">\n\t\t<div class=\"wpb_wrapper wpb_accordion_wrapper ui-accordion\">\n\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#lorem-ipsum-dolor-amet\"><span>Lorem ipsum dolor amet<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#suspendisse-malesuada-libero-odio\"><span>Suspendisse malesuada libero odio<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#maecenas-id-eros-urna\"><span>Maecenas id eros urna<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#praesent-placerat-dui-metus\"><span> Praesent placerat dui metus<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#duis-ullamcorper-id-augue\"><span>Duis ullamcorper id augue<\/span><\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vc_col-md-6\"><div class=\"vc_column-inner vc_custom_1482498417219\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1482498281813\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3>Toggle (FAQ)<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<div id=\"1445240377892-55e27fef-383c\" class=\"vc_toggle vc_toggle_simple vc_toggle_color_black  vc_toggle_size_sm vc_custom_1482484823250\"><div class=\"vc_toggle_title\"><h4>Toggle title lorem ipsum dolor<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>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<\/p>\n<\/div><\/div><div id=\"1445240378151-bb6e1a54-d14e\" class=\"vc_toggle vc_toggle_round vc_toggle_color_black  vc_toggle_size_sm vc_custom_1482484829279\"><div class=\"vc_toggle_title\"><h4>Toggle title commodo consequat amet<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>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<\/p>\n<\/div><\/div><div id=\"1445240378419-c65ac37a-219f\" class=\"vc_toggle vc_toggle_round vc_toggle_color_black vc_toggle_color_inverted vc_toggle_size_sm vc_custom_1482484836075\"><div class=\"vc_toggle_title\"><h4>Toggle title magna aliquam<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>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<\/p>\n<\/div><\/div><div id=\"1445240378691-c0aa2421-1eca\" class=\"vc_toggle vc_toggle_square vc_toggle_color_black vc_toggle_color_inverted vc_toggle_size_sm\"><div class=\"vc_toggle_title\"><h4>Toggle title dolor amet<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>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<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Accordion\u00a0minimal 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&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":13572,"menu_order":110,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30285","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/30285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/comments?post=30285"}],"version-history":[{"count":0,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/30285\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/13572"}],"wp:attachment":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/media?parent=30285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}