{"id":3717,"date":"2013-05-24T20:54:51","date_gmt":"2013-05-24T20:54:51","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=3717"},"modified":"2013-05-24T20:54:51","modified_gmt":"2013-05-24T20:54:51","slug":"accordions-toggles","status":"publish","type":"page","link":"https:\/\/www.grueneliga-thueringen.de\/fr\/accordions-toggles\/","title":{"rendered":"Accordions &#038; Toggles"},"content":{"rendered":"<style type='text\/css'>#reading-box-container-1 .tagline-shadow:before,#reading-box-container-1 .tagline-shadow:after{opacity:0.7;}<\/style><div class=\"reading-box-container\" id=\"reading-box-container-1\"><section class=\"reading-box tagline-shadow\" style=\"background-color:#fff !important;border-width:1px;border-color:#e8e6e6!important;border-top-width:3px !important;border-top-color:#566e14!important;border-style:solid;\"><p>Accordions and Toggles are perfect for adding multiple sections of  information with varying content and titles.  Accordions are best to use when you want the reader to only see one section at a time, and toggles are best to use when you want the reader to be able to open multiple sections at a time.<\/p><\/section><\/div>\n<div class=\"one_half\">\n<div class=\"title\"><h2>One Toggle Open At A Time<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<div class=\"accordian\">\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>Our Company Mission<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>The Avada Philosophy<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>The Avada Promise<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>We Can Deliver On Projects<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<\/div>\n<\/div>\n<div class=\"one_half last\">\n<div class=\"title\"><h2>Multiple Toggles Open At A Time<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>Our Company Mission<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>The Avada Philosophy<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>The Avada Promise<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>We Can Deliver On Projects<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<\/div><div class=\"clearboth\"><\/div>\n<div class=\"demo-sep sep-none\" style=\"margin-top:55px;\"><\/div>\n<div class=\"title\"><h2>Specify A Toggle To Open By Default When The Page Loads<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<div class=\"accordian\">\n<h5 class=\"toggle active\"><a href=\"#\"><span class=\"arrow\"><\/span>Our Company Mission<\/a><\/h5><div class=\"toggle-content default-open\" style=\"display: block;\"><a href=\"http:\/\/theme-fusion.com\/avadatest\/wp-content\/uploads\/2012\/07\/port_opt_1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-3549\" style=\"padding-bottom: 5px; padding-top: 5px;\" alt=\"port_opt_1\" src=\"http:\/\/theme-fusion.com\/avadatest\/wp-content\/uploads\/2012\/07\/port_opt_1-300x120.jpg\" width=\"300\" height=\"120\" \/><\/a>Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>The Avada Philosophy<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>The Avada Promise<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<h5 class=\"toggle \"><a href=\"#\"><span class=\"arrow\"><\/span>We Can Deliver On Projects<\/a><\/h5><div class=\"toggle-content \" style=\"\">Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.<\/div>\n<\/div>\n<div class=\"demo-sep sep-none\" style=\"margin-top:55px;\"><\/div>\n<div class=\"title\"><h2>Features and Customizations<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<div class=\"one_half\">\n<style type='text\/css'>\n\t.post-content ul.list-icon li:before{color:light !important;}\n\t.rtl .post-content ul.list-icon li:after{color:light !important;}\n\t<\/style>\n<ul class=\"list-icon circle-yes list-icon-check\">\n<li>You can have unlimited accordions on one page<\/li>\n<li>Insert images, graphics, or other shortcodes in the text description area<\/li>\n<\/ul>\n\n<\/div>\n<div class=\"one_half last\">\n<style type='text\/css'>\n\t.post-content ul.list-icon li:before{color:light !important;}\n\t.rtl .post-content ul.list-icon li:after{color:light !important;}\n\t<\/style>\n<ul class=\"list-icon circle-yes list-icon-check\">\n<li>You can have unlimited accordion-items within each set<\/li>\n<li>You can set a specific toggle to be open by default when the page loads<\/li>\n<\/ul>\n\n<\/div><div class=\"clearboth\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"class_list":["post-3717","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.grueneliga-thueringen.de\/fr\/wp-json\/wp\/v2\/pages\/3717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grueneliga-thueringen.de\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.grueneliga-thueringen.de\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.grueneliga-thueringen.de\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grueneliga-thueringen.de\/fr\/wp-json\/wp\/v2\/comments?post=3717"}],"version-history":[{"count":0,"href":"https:\/\/www.grueneliga-thueringen.de\/fr\/wp-json\/wp\/v2\/pages\/3717\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.grueneliga-thueringen.de\/fr\/wp-json\/wp\/v2\/media?parent=3717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}