{"id":312,"date":"2014-05-24T06:34:23","date_gmt":"2014-05-24T11:34:23","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/integrity\/10\/?page_id=312"},"modified":"2016-04-29T10:48:10","modified_gmt":"2016-04-29T10:48:10","slug":"accordion","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/integrity-1\/shortcodes\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"<div id=\"my-accordion\" class=\"x-accordion\" > <div  class=\"x-accordion-group\" ><div class=\"x-accordion-heading\"><a id=\"tab-69d47f47ad3ea\" class=\"x-accordion-toggle collapsed\" role=\"tab\" data-x-toggle=\"collapse-b\" data-x-toggleable=\"69d47f47ad3ea\" data-x-toggle-group=\"my-accordion\" aria-selected=\"false\" aria-expanded=\"false\" aria-controls=\"panel-69d47f47ad3ea\">About Accordions<\/a><\/div><div id=\"panel-69d47f47ad3ea\" class=\"x-accordion-body x-collapsed\" role=\"tabpanel\" data-x-toggle-collapse=\"1\" data-x-toggleable=\"69d47f47ad3ea\" aria-hidden=\"true\" aria-labelledby=\"tab-69d47f47ad3ea\"><div class=\"x-accordion-inner\"> Accordions are great for when you have a lot of content to share and you want to do it in a nice and orderly fashion. Here&#8217;s to organization! <\/div><\/div><\/div> <div  class=\"x-accordion-group\" ><div class=\"x-accordion-heading\"><a id=\"tab-69d47f47ad453\" class=\"x-accordion-toggle\" role=\"tab\" data-x-toggle=\"collapse-b\" data-x-toggleable=\"69d47f47ad453\" data-x-toggle-group=\"my-accordion\" aria-selected=\"true\" aria-expanded=\"true\" aria-controls=\"panel-69d47f47ad453\">What You Can Include<\/a><\/div><div id=\"panel-69d47f47ad453\" class=\"x-accordion-body\" role=\"tabpanel\" data-x-toggle-collapse=\"1\" data-x-toggleable=\"69d47f47ad453\" aria-hidden=\"false\" aria-labelledby=\"tab-69d47f47ad453\"><div class=\"x-accordion-inner\">Insert text, images, shortcodes, or anything you want. Accordions are very customizable, and can be as simple or complex as you&#8217;d like them to be. You can also make certain ones automatically be open like this one.<ul  class=\"x-block-grid two-up\" > <li  class=\"x-block-grid-item\" > <img  class=\"x-img x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-maldives.jpg\" alt=\"Place Alt Text Here\"> <\/li> <li  class=\"x-block-grid-item\" > <img  class=\"x-img x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-maldives.jpg\" alt=\"Place Alt Text Here\"> <\/li> <\/ul>\n<\/div><\/div><\/div> <div  class=\"x-accordion-group\" ><div class=\"x-accordion-heading\"><a id=\"tab-69d47f47ad71d\" class=\"x-accordion-toggle collapsed\" role=\"tab\" data-x-toggle=\"collapse-b\" data-x-toggleable=\"69d47f47ad71d\" data-x-toggle-group=\"my-accordion\" aria-selected=\"false\" aria-expanded=\"false\" aria-controls=\"panel-69d47f47ad71d\">The Sky Is The Limit<\/a><\/div><div id=\"panel-69d47f47ad71d\" class=\"x-accordion-body x-collapsed\" role=\"tabpanel\" data-x-toggle-collapse=\"1\" data-x-toggleable=\"69d47f47ad71d\" aria-hidden=\"true\" aria-labelledby=\"tab-69d47f47ad71d\"><div class=\"x-accordion-inner\"> Aside from being great for frequently asked questions, Accordions are great for lots of uses! <\/div><\/div><\/div> <\/div>\n<hr  class=\"x-hr\" >\n<div  class=\"x-accordion\" > <div  class=\"x-accordion-group\" ><div class=\"x-accordion-heading\"><a id=\"tab-69d47f47ad7df\" class=\"x-accordion-toggle collapsed\" role=\"tab\" data-x-toggle=\"collapse-b\" data-x-toggleable=\"69d47f47ad7df\" aria-selected=\"false\" aria-expanded=\"false\" aria-controls=\"panel-69d47f47ad7df\">About Accordions<\/a><\/div><div id=\"panel-69d47f47ad7df\" class=\"x-accordion-body x-collapsed\" role=\"tabpanel\" data-x-toggle-collapse=\"1\" data-x-toggleable=\"69d47f47ad7df\" aria-hidden=\"true\" aria-labelledby=\"tab-69d47f47ad7df\"><div class=\"x-accordion-inner\"> Accordions are great for when you have a lot of content to share and you want to do it in a nice and orderly fashion. Here&#8217;s to organization! <\/div><\/div><\/div> <div  class=\"x-accordion-group\" ><div class=\"x-accordion-heading\"><a id=\"tab-69d47f47ad87b\" class=\"x-accordion-toggle collapsed\" role=\"tab\" data-x-toggle=\"collapse-b\" data-x-toggleable=\"69d47f47ad87b\" aria-selected=\"false\" aria-expanded=\"false\" aria-controls=\"panel-69d47f47ad87b\">What You Can Include<\/a><\/div><div id=\"panel-69d47f47ad87b\" class=\"x-accordion-body x-collapsed\" role=\"tabpanel\" data-x-toggle-collapse=\"1\" data-x-toggleable=\"69d47f47ad87b\" aria-hidden=\"true\" aria-labelledby=\"tab-69d47f47ad87b\"><div class=\"x-accordion-inner\">Insert text, images, shortcodes, or anything you want. Accordions are very customizable, and can be as simple or complex as you&#8217;d like them to be.\u00a0<ul  class=\"x-block-grid two-up\" > <li  class=\"x-block-grid-item\" > <img  class=\"x-img x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-maldives.jpg\" alt=\"Place Alt Text Here\"> <\/li> <li  class=\"x-block-grid-item\" > <img  class=\"x-img x-img-thumbnail\"  src=\"\/\/theme.co\/media\/x-maldives.jpg\" alt=\"Place Alt Text Here\"> <\/li> <\/ul>\n<\/div><\/div><\/div> <div  class=\"x-accordion-group\" ><div class=\"x-accordion-heading\"><a id=\"tab-69d47f47ad960\" class=\"x-accordion-toggle collapsed\" role=\"tab\" data-x-toggle=\"collapse-b\" data-x-toggleable=\"69d47f47ad960\" aria-selected=\"false\" aria-expanded=\"false\" aria-controls=\"panel-69d47f47ad960\">The Sky Is The Limit<\/a><\/div><div id=\"panel-69d47f47ad960\" class=\"x-accordion-body x-collapsed\" role=\"tabpanel\" data-x-toggle-collapse=\"1\" data-x-toggleable=\"69d47f47ad960\" aria-hidden=\"true\" aria-labelledby=\"tab-69d47f47ad960\"><div class=\"x-accordion-inner\"> Aside from being great for frequently asked questions, Accordions are great for lots of uses! <\/div><\/div><\/div> <\/div>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Code<\/span><\/h2>\n<pre  class=\"x-code\" ><code>[accordion id=\"my-accordion\"] [accordion_item title=\"Accordion Title\" parent_id=\"my-accordion\"]Your text here[\/accordion_item] [accordion_item title=\"Accordion Title\" parent_id=\"my-accordion\" open=\"true\"]Your second accordion text[\/accordion_item] [accordion_item title=\"Accordion Title\" parent_id=\"my-accordion\"]Your third accordion text[\/accordion_item] [\/accordion]<\/code><\/pre>\n<pre  class=\"x-code\" ><code>[accordion] [accordion_item title=\"Accordion Title\"]Your text here[\/accordion_item] [accordion_item title=\"Accordion Title\" open=\"true\"]Your second accordion text[\/accordion_item] [accordion_item title=\"Accordion Title\"]Your third accordion text[\/accordion_item] [\/accordion]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Accordion Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Accordion Item Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>parent_id<\/strong>: match the ID of the parent accordion to keep only one accordion item open at a time.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>title<\/strong>: title of the accordion item.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>open<\/strong>: set to &#8220;true&#8221; to leave open on page load.<\/li> <\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":259,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/312"}],"collection":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/comments?post=312"}],"version-history":[{"count":1,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/312\/revisions"}],"predecessor-version":[{"id":7746,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/312\/revisions\/7746"}],"up":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/259"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/media?parent=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}