{"id":1086,"date":"2013-09-03T09:43:34","date_gmt":"2013-09-03T09:43:34","guid":{"rendered":"http:\/\/impreza.us-themes.net\/elements\/accordion-and-toggles\/"},"modified":"2013-09-03T09:43:34","modified_gmt":"2013-09-03T09:43:34","slug":"accordion","status":"publish","type":"page","link":"https:\/\/dissinfo.com\/ca\/elements\/accordion\/","title":{"rendered":"Accordion &#038; Toggles"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-tabs style_default switch_click accordion has_scrolling remove_indents\" style=\"--sections-title-size:1.4rem\"><div class=\"w-tabs-sections titles-align_none icon_chevron cpos_right\"><div class=\"w-tabs-section active\" id=\"u8aa\"><button class=\"w-tabs-section-header active\" aria-controls=\"content-u8aa\" aria-expanded=\"true\"><div class=\"w-tabs-section-title\">Our Company Mission<\/div><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-u8aa\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section\" id=\"dac3\"><button class=\"w-tabs-section-header\" aria-controls=\"content-dac3\" aria-expanded=\"false\"><div class=\"w-tabs-section-title\">The UpSolution Philosophy<\/div><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-dac3\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section\" id=\"oc8c\"><button class=\"w-tabs-section-header\" aria-controls=\"content-oc8c\" aria-expanded=\"false\"><div class=\"w-tabs-section-title\">Another Tab Title<\/div><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-oc8c\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-tabs style_default switch_click accordion type_togglable has_scrolling remove_indents\" style=\"--sections-title-size:1.4rem\"><div class=\"w-tabs-sections titles-align_none icon_plus cpos_right\"><div class=\"w-tabs-section active\" id=\"te0a\"><button class=\"w-tabs-section-header active\" aria-controls=\"content-te0a\" aria-expanded=\"true\"><div class=\"w-tabs-section-title\">Our Company Mission<\/div><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-te0a\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section\" id=\"ofbe\"><button class=\"w-tabs-section-header\" aria-controls=\"content-ofbe\" aria-expanded=\"false\"><div class=\"w-tabs-section-title\">The UpSolution Philosophy<\/div><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-ofbe\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section\" id=\"b158\"><button class=\"w-tabs-section-header\" aria-controls=\"content-b158\" aria-expanded=\"false\"><div class=\"w-tabs-section-title\">Another Tab Title<\/div><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-b158\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-tabs style_default switch_click accordion has_scrolling\" style=\"--sections-title-size:inherit\"><div class=\"w-tabs-sections titles-align_none icon_triangle cpos_right\"><div class=\"w-tabs-section\" id=\"l9f8\" style=\"background:#eeeeee;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-l9f8\" aria-expanded=\"false\"><i class=\"far fa-star\"><\/i><h3 class=\"w-tabs-section-title\">Accordion with Custom Colors<\/h3><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-l9f8\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section\" id=\"zba5\" style=\"background:#dddddd;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-zba5\" aria-expanded=\"false\"><i class=\"far fa-cube\"><\/i><h3 class=\"w-tabs-section-title\">Accordion with Custom Colors<\/h3><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-zba5\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section\" id=\"dd61\" style=\"background:#cccccc;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-dd61\" aria-expanded=\"false\"><i class=\"far fa-heart\"><\/i><h3 class=\"w-tabs-section-title\">Accordion with Custom Colors<\/h3><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-dd61\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-tabs style_default switch_click accordion type_togglable has_scrolling\" style=\"--sections-title-size:inherit\"><div class=\"w-tabs-sections titles-align_none icon_plus cpos_left\"><div class=\"w-tabs-section has_text_color\" id=\"d4ca\" style=\"background:#3f51b5;color:#ffffff;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-d4ca\" aria-expanded=\"false\"><h3 class=\"w-tabs-section-title\">Toggle with Custom Colors<\/h3><i class=\"far fa-bath\"><\/i><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-d4ca\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section has_text_color\" id=\"t6bc\" style=\"background:#ffd54f;color:#222222;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-t6bc\" aria-expanded=\"false\"><h3 class=\"w-tabs-section-title\">Toggle with Custom Colors<\/h3><i class=\"far fa-snowflake\"><\/i><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-t6bc\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"w-iconbox iconpos_top style_default color_primary align_center\"><div class=\"w-iconbox-icon\" style=\"font-size:2rem;\"><i class=\"fas fa-star\"><\/i><\/div><div class=\"w-iconbox-meta\"><h4 class=\"w-iconbox-title\">Iconbox Title<\/h4><div class=\"w-iconbox-text\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section has_text_color\" id=\"v8b4\" style=\"background:#00bcd4;color:#ffffff;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-v8b4\" aria-expanded=\"false\"><h3 class=\"w-tabs-section-title\">Toggle with Custom Colors<\/h3><i class=\"fab fa-grav\"><\/i><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-v8b4\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_auto width_full color_primary\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-tabs style_default switch_click accordion type_togglable has_scrolling\" style=\"--sections-title-size:1.8rem\"><div class=\"w-tabs-sections titles-align_center icon_chevron cpos_right\"><div class=\"w-tabs-section has_text_color\" id=\"t2e4\" style=\"background:#7049ba;color:#ffffff;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-t2e4\" aria-expanded=\"false\"><i class=\"far fa-cloud\"><\/i><h4 class=\"w-tabs-section-title\">This is a FullWidth Toggle<\/h4><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-t2e4\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-image align_center\"><div class=\"w-image-h\"><img decoding=\"async\" class=\"g-placeholder\" src=\"https:\/\/dissinfo.com\/wp-content\/plugins\/us-core\/assets\/images\/placeholder.svg\" width=\"\" height=\"\" alt><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-8 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Aliquam id lacus ac urna laoreet posuere in ac orci. Aliquam ornare vulputate nunc lacinia maximus. Praesent vitae libero in nunc maximus consectetur id ac sapien. Praesent quis enim hendrerit, gravida sem malesuada, pellentesque ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer velit ex, pretium a arcu in, lacinia interdum lorem.<\/p>\n<p>Proin at facilisis libero. In hac habitasse platea dictumst. Sed quis rutrum ipsum. Phasellus mattis tortor et varius lobortis. Integer dapibus quam ligula, eu maximus mi dictum non. Sed facilisis convallis nisl, placerat ornare neque efficitur a. Cras vestibulum volutpat urna id aliquet.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-separator size_large\"><\/div><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox iconpos_left style_circle color_custom align_left\"><div class=\"w-iconbox-icon\" style=\"font-size:2rem;--icon-color:#ffffff;--icon-bg-color:#ffb03a;\"><i class=\"fab fa-facebook-f\"><\/i><\/div><div class=\"w-iconbox-meta\"><h4 class=\"w-iconbox-title\">Iconbox Title<\/h4><div class=\"w-iconbox-text\"><p>Click here to add your own text<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox iconpos_left style_circle color_custom align_left\"><div class=\"w-iconbox-icon\" style=\"font-size:2rem;--icon-color:#ffffff;--icon-bg-color:#ffb03a;\"><i class=\"fab fa-x-twitter\"><svg style=\"width:1em; margin-bottom:-.1em;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" role=\"presentation\"><path fill=\"currentColor\" d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/i><\/div><div class=\"w-iconbox-meta\"><h4 class=\"w-iconbox-title\">Iconbox Title<\/h4><div class=\"w-iconbox-text\"><p>Click here to add your own text<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox iconpos_left style_circle color_custom align_left\"><div class=\"w-iconbox-icon\" style=\"font-size:2rem;--icon-color:#ffffff;--icon-bg-color:#ffb03a;\"><i class=\"fab fa-behance\"><\/i><\/div><div class=\"w-iconbox-meta\"><h4 class=\"w-iconbox-title\">Iconbox Title<\/h4><div class=\"w-iconbox-text\"><p>Click here to add your own text<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-tabs-section no_indents has_text_color\" id=\"x544\" style=\"background:#31c5c7;color:#ffffff;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-x544\" aria-expanded=\"false\"><i class=\"far fa-laptop\"><\/i><h4 class=\"w-tabs-section-title\">This section has the full size content<\/h4><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-x544\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"w-grid us_grid type_grid layout_portfolio_10 cols_5 preload_style_spinner ratio_1x1\" id=\"us_grid_1\" style=\"--columns:5;--item-ratio:1;\" data-filterable=\"true\"><style>@media (max-width:1380px){#us_grid_1{--columns:3!important}}@media (max-width:1024px){#us_grid_1{--columns:2!important}}@media (max-width:600px){#us_grid_1{--columns:1!important}}.layout_portfolio_10 .w-grid-item-h{}.layout_portfolio_10 .usg_vwrapper_1{transition-duration:0.4s;transform-origin:50% 50%;transform:scale(1) translate(0%,0%);opacity:0}.layout_portfolio_10 .w-grid-item-h:focus-within .usg_vwrapper_1,.layout_portfolio_10 .w-grid-item-h:hover .usg_vwrapper_1{transform:scale(1) translate(0%,0%);opacity:1}.layout_portfolio_10 .usg_post_title_1{transition-duration:0.35s;transform-origin:50% 50%;transform:scale(1) translate(0%,35%)}.layout_portfolio_10 .w-grid-item-h:focus-within .usg_post_title_1,.layout_portfolio_10 .w-grid-item-h:hover .usg_post_title_1{transform:scale(1) translate(0%,0%);opacity:1}.layout_portfolio_10 .usg_post_taxonomy_1{transition-duration:0.35s;transform-origin:50% 50%;transform:scale(1) translate(0%,100%);opacity:0}.layout_portfolio_10 .w-grid-item-h:focus-within .usg_post_taxonomy_1,.layout_portfolio_10 .w-grid-item-h:hover .usg_post_taxonomy_1{transform:scale(1) translate(0%,0%);opacity:0.75}.layout_portfolio_10 .usg_post_image_1{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.layout_portfolio_10 .usg_vwrapper_1{position:absolute!important;right:0!important;bottom:-1px!important;left:0!important;background:linear-gradient(transparent,rgba(30,30,30,0.8))!important;padding:5rem 2rem 1.5rem 2rem!important}.layout_portfolio_10 .usg_post_title_1{color:#fff!important;font-size:1.4rem!important}.layout_portfolio_10 .usg_post_taxonomy_1{color:#fff!important;font-size:0.9rem!important}<\/style><div class=\"w-grid-list\">\t<article class=\"w-grid-item size_1x1 post-764 us_portfolio type-us_portfolio status-publish has-post-thumbnail hentry us_portfolio_category-web-design\" data-id=\"764\">\r\n\t\t<div class=\"w-grid-item-h\" style=\"background:#ffffff;color:#111111;\">\r\n\t\t\t\t\t\t\t<a href=\"https:\/\/dissinfo.com\/ca\/portfolio\/desktop-design\/\" class=\"w-grid-item-anchor\" aria-label=\"Desktop Design\"><\/a>\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1200\" src=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg\" class=\"attachment-us_600_0 size-us_600_0 wp-post-image\" alt=\"\" srcset=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg 1200w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-150x150.jpg 150w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-300x300.jpg 300w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-600x600.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/div><div class=\"w-vwrapper usg_vwrapper_1 align_none valign_top\" style=\"--vwrapper-gap:0.7rem\"><h2 class=\"w-post-elm post_title usg_post_title_1 has_text_color entry-title color_link_inherit\">Desktop Design<\/h2><div class=\"w-post-elm post_taxonomy usg_post_taxonomy_1 has_text_color style_simple color_link_inherit\"><span class=\"term-20 term-web-design\">Web Design<\/span><\/div><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item size_1x1 post-761 us_portfolio type-us_portfolio status-publish has-post-thumbnail hentry us_portfolio_category-mobile-apps\" data-id=\"761\">\r\n\t\t<div class=\"w-grid-item-h\" style=\"background:#123140;color:#ffc9d5;\">\r\n\t\t\t\t\t\t\t<a href=\"https:\/\/dissinfo.com\/ca\/portfolio\/glasses-mobile\/\" class=\"w-grid-item-anchor\" aria-label=\"Glasses Mobile\"><\/a>\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1200\" src=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-landscape.jpg\" class=\"attachment-us_600_0 size-us_600_0 wp-post-image\" alt=\"\" srcset=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-landscape.jpg 1800w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-landscape-300x200.jpg 300w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-landscape-1024x683.jpg 1024w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-landscape-600x400.jpg 600w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/div><div class=\"w-vwrapper usg_vwrapper_1 align_none valign_top\" style=\"--vwrapper-gap:0.7rem\"><h2 class=\"w-post-elm post_title usg_post_title_1 has_text_color entry-title color_link_inherit\">Glasses Mobile<\/h2><div class=\"w-post-elm post_taxonomy usg_post_taxonomy_1 has_text_color style_simple color_link_inherit\"><span class=\"term-19 term-mobile-apps\">Mobile Apps<\/span><\/div><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item size_1x1 post-702 us_portfolio type-us_portfolio status-publish has-post-thumbnail hentry us_portfolio_category-mobile-apps\" data-id=\"702\">\r\n\t\t<div class=\"w-grid-item-h\" style=\"background:#94d2ff;color:#222222;\">\r\n\t\t\t\t\t\t\t<a href=\"https:\/\/dissinfo.com\/ca\/portfolio\/amster-app\/\" class=\"w-grid-item-anchor\" aria-label=\"Amster App\"><\/a>\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1200\" src=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg\" class=\"attachment-us_600_0 size-us_600_0 wp-post-image\" alt=\"\" srcset=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg 1200w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-150x150.jpg 150w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-300x300.jpg 300w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-600x600.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/div><div class=\"w-vwrapper usg_vwrapper_1 align_none valign_top\" style=\"--vwrapper-gap:0.7rem\"><h2 class=\"w-post-elm post_title usg_post_title_1 has_text_color entry-title color_link_inherit\">Amster App<\/h2><div class=\"w-post-elm post_taxonomy usg_post_taxonomy_1 has_text_color style_simple color_link_inherit\"><span class=\"term-19 term-mobile-apps\">Mobile Apps<\/span><\/div><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item size_1x1 post-799 us_portfolio type-us_portfolio status-publish has-post-thumbnail hentry us_portfolio_category-branding\" data-id=\"799\">\r\n\t\t<div class=\"w-grid-item-h\" style=\"background:#facdd4;color:#2b212b;\">\r\n\t\t\t\t\t\t\t<a href=\"https:\/\/dissinfo.com\/ca\/portfolio\/pink-lips\/\" class=\"w-grid-item-anchor\" aria-label=\"Pink Lips\"><\/a>\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1200\" src=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg\" class=\"attachment-us_600_0 size-us_600_0 wp-post-image\" alt=\"\" srcset=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg 1200w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-150x150.jpg 150w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-300x300.jpg 300w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-600x600.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/div><div class=\"w-vwrapper usg_vwrapper_1 align_none valign_top\" style=\"--vwrapper-gap:0.7rem\"><h2 class=\"w-post-elm post_title usg_post_title_1 has_text_color entry-title color_link_inherit\">Pink Lips<\/h2><div class=\"w-post-elm post_taxonomy usg_post_taxonomy_1 has_text_color style_simple color_link_inherit\"><span class=\"term-18 term-branding\">Branding<\/span><\/div><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item size_1x1 post-782 us_portfolio type-us_portfolio status-publish has-post-thumbnail hentry us_portfolio_category-branding\" data-id=\"782\">\r\n\t\t<div class=\"w-grid-item-h\" style=\"background:#ffffff;color:#1f6100;\">\r\n\t\t\t\t\t\t\t<a href=\"https:\/\/dissinfo.com\/ca\/portfolio\/green-lifes\/\" class=\"w-grid-item-anchor\" aria-label=\"Green Lifes\"><\/a>\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1200\" src=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg\" class=\"attachment-us_600_0 size-us_600_0 wp-post-image\" alt=\"\" srcset=\"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square.jpg 1200w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-150x150.jpg 150w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-300x300.jpg 300w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/us-placeholder-square-600x600.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/div><div class=\"w-vwrapper usg_vwrapper_1 align_none valign_top\" style=\"--vwrapper-gap:0.7rem\"><h2 class=\"w-post-elm post_title usg_post_title_1 has_text_color entry-title color_link_inherit\">Green Lifes<\/h2><div class=\"w-post-elm post_taxonomy usg_post_taxonomy_1 has_text_color style_simple color_link_inherit\"><span class=\"term-18 term-branding\">Branding<\/span><\/div><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n<\/div>\t<div class=\"w-grid-preloader\">\r\n\t\t<div class=\"g-preloader type_3\">\r\n\t\t\t<div><\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"w-grid-json hidden\" onclick='return {&quot;action&quot;:&quot;us_ajax_grid&quot;,&quot;infinite_scroll&quot;:0,&quot;max_num_pages&quot;:7,&quot;pagination&quot;:&quot;none&quot;,&quot;template_vars&quot;:{&quot;columns&quot;:&quot;5&quot;,&quot;exclude_items&quot;:&quot;none&quot;,&quot;img_size&quot;:&quot;us_600_0&quot;,&quot;ignore_items_size&quot;:0,&quot;items_layout&quot;:&quot;portfolio_10&quot;,&quot;items_offset&quot;:&quot;1&quot;,&quot;load_animation&quot;:&quot;none&quot;,&quot;overriding_link&quot;:&quot;%7B%22type%22%3A%22post%22%7D&quot;,&quot;post_id&quot;:0,&quot;query_args&quot;:{&quot;post_type&quot;:[&quot;us_portfolio&quot;],&quot;post_status&quot;:[&quot;publish&quot;],&quot;posts_per_page&quot;:&quot;5&quot;},&quot;orderby_query_args&quot;:{&quot;orderby&quot;:{&quot;date&quot;:&quot;DESC&quot;}},&quot;type&quot;:&quot;grid&quot;,&quot;us_grid_post_type&quot;:&quot;us_portfolio&quot;,&quot;us_grid_ajax_index&quot;:1,&quot;us_grid_filter_query_string&quot;:null,&quot;us_grid_index&quot;:1,&quot;page_args&quot;:[]}}'><\/div>\r\n\t<\/div><\/div><\/div><\/div><div class=\"w-tabs-section has_text_color\" id=\"pde4\" style=\"background:#f2f4f5;color:#424242;\"><button class=\"w-tabs-section-header with_icon\" aria-controls=\"content-pde4\" aria-expanded=\"false\"><i class=\"far fa-street-view\"><\/i><h4 class=\"w-tabs-section-title\">The UpSolution Philosophy<\/h4><div class=\"w-tabs-section-control\"><\/div><\/button><div  class=\"w-tabs-section-content\" id=\"content-pde4\"><div class=\"w-tabs-section-content-h i-cf\"><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Suspendisse consectetur fringilla suctus.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Suspendisse consectetur fringilla suctus. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"\u00ac 01 Compose I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. \u00ac 02 Imagine I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut...","protected":false},"author":1,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1086","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>Accordion &amp; Toggles - dissinfo<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/dissinfo.com\/ca\/elements\/accordion\/\" \/>\r\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Accordion &amp; Toggles - dissinfo\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/dissinfo.com\/ca\/elements\/accordion\/\" \/>\r\n<meta property=\"og:site_name\" content=\"dissinfo\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dissinfo.cat\/\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:site\" content=\"@dissinfo\" \/>\r\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minuts\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dissinfo.com\\\/elements\\\/accordion\\\/\",\"url\":\"https:\\\/\\\/dissinfo.com\\\/elements\\\/accordion\\\/\",\"name\":\"Accordion & Toggles - dissinfo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dissinfo.com\\\/#website\"},\"datePublished\":\"2013-09-03T09:43:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dissinfo.com\\\/elements\\\/accordion\\\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dissinfo.com\\\/elements\\\/accordion\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dissinfo.com\\\/elements\\\/accordion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\\\/\\\/dissinfo.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content Elements\",\"item\":\"https:\\\/\\\/dissinfo.com\\\/elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Accordion &#038; Toggles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dissinfo.com\\\/#website\",\"url\":\"https:\\\/\\\/dissinfo.com\\\/\",\"name\":\"dissinfo\",\"description\":\"Serveis Inform\u00e0tics Integrals\",\"publisher\":{\"@id\":\"https:\\\/\\\/dissinfo.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dissinfo.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dissinfo.com\\\/#organization\",\"name\":\"dissinfo\",\"url\":\"https:\\\/\\\/dissinfo.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/dissinfo.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dissinfo.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/real-Logo.bmp\",\"contentUrl\":\"https:\\\/\\\/dissinfo.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/real-Logo.bmp\",\"width\":339,\"height\":339,\"caption\":\"dissinfo\"},\"image\":{\"@id\":\"https:\\\/\\\/dissinfo.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/dissinfo.cat\\\/\",\"https:\\\/\\\/x.com\\\/dissinfo\"]}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accordion & Toggles - dissinfo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dissinfo.com\/ca\/elements\/accordion\/","og_locale":"ca_ES","og_type":"article","og_title":"Accordion & Toggles - dissinfo","og_url":"https:\/\/dissinfo.com\/ca\/elements\/accordion\/","og_site_name":"dissinfo","article_publisher":"https:\/\/www.facebook.com\/dissinfo.cat\/","twitter_card":"summary_large_image","twitter_site":"@dissinfo","twitter_misc":{"Temps estimat de lectura":"7 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dissinfo.com\/elements\/accordion\/","url":"https:\/\/dissinfo.com\/elements\/accordion\/","name":"Accordion & Toggles - dissinfo","isPartOf":{"@id":"https:\/\/dissinfo.com\/#website"},"datePublished":"2013-09-03T09:43:34+00:00","breadcrumb":{"@id":"https:\/\/dissinfo.com\/elements\/accordion\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dissinfo.com\/elements\/accordion\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dissinfo.com\/elements\/accordion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/dissinfo.com\/"},{"@type":"ListItem","position":2,"name":"Content Elements","item":"https:\/\/dissinfo.com\/elements\/"},{"@type":"ListItem","position":3,"name":"Accordion &#038; Toggles"}]},{"@type":"WebSite","@id":"https:\/\/dissinfo.com\/#website","url":"https:\/\/dissinfo.com\/","name":"dissinfo","description":"Serveis Inform\u00e0tics Integrals","publisher":{"@id":"https:\/\/dissinfo.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dissinfo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/dissinfo.com\/#organization","name":"dissinfo","url":"https:\/\/dissinfo.com\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/dissinfo.com\/#\/schema\/logo\/image\/","url":"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/real-Logo.bmp","contentUrl":"https:\/\/dissinfo.com\/wp-content\/uploads\/2019\/10\/real-Logo.bmp","width":339,"height":339,"caption":"dissinfo"},"image":{"@id":"https:\/\/dissinfo.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dissinfo.cat\/","https:\/\/x.com\/dissinfo"]}]}},"_links":{"self":[{"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/pages\/1086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/comments?post=1086"}],"version-history":[{"count":0,"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/pages\/1086\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/dissinfo.com\/ca\/wp-json\/wp\/v2\/media?parent=1086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}