{"id":97,"date":"2019-10-09T05:38:39","date_gmt":"2019-10-09T05:38:39","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/chankya\/?page_id=97"},"modified":"2019-10-10T06:43:48","modified_gmt":"2019-10-10T06:43:48","slug":"accordions","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/chankya\/accordions\/","title":{"rendered":"Accordions"},"content":{"rendered":"\n

Extend the default collapse behaviour to create an accordion.<\/p>\n\n\n\n

<div id=\"accordion-1\" role=\"tablist\" aria-multiselectable=\"true\">
    <div class=\"card card-white\">
        <div class=\"card-header\" role=\"tab\" id=\"heading-1\">
            <h5 class=\"mb-0\">
                <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse-1\" aria-expanded=\"true\" aria-controls=\"collapse-1\">
                    Basic tabs
                <\/a>
            <\/h5>
        <\/div>
        <div id=\"collapse-1\" class=\"collapse show\" role=\"tabpanel\" aria-labelledby=\"heading-1\">
            <div class=\"card-block\">
                <p>3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it.<\/p>
            <\/div>
        <\/div>
    <\/div>
    <div class=\"card card-white\">
        <div class=\"card-header\" role=\"tab\" id=\"heading-2\">
            <h5 class=\"mb-0\">
                <a class=\"collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse-2\" aria-expanded=\"false\" aria-controls=\"collapse-2\">
                    Closed item
                <\/a>
            <\/h5>
        <\/div>
        <div id=\"collapse-2\" class=\"collapse\" role=\"tabpanel\" aria-labelledby=\"heading-2\">
            <div class=\"card-block\">
                <p>3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it.<\/p>
            <\/div>
        <\/div>
    <\/div>
    <div class=\"card card-white\">
        <div class=\"card-header\" role=\"tab\" id=\"heading-3\">
            <h5 class=\"mb-0\">
                <a class=\"collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse-3\" aria-expanded=\"false\" aria-controls=\"collapse-3\">
                    Closed item 2
                <\/a>
            <\/h5>
        <\/div>
        <div id=\"collapse-3\" class=\"collapse\" role=\"tabpanel\" aria-labelledby=\"heading-3\">
            <div class=\"card-block\">
                <p>3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it.<\/p>
            <\/div>
        <\/div>
    <\/div>
<\/div><\/pre>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
Extend the default collapse behaviour to create an accordion. <div id=”accordion-1″ role=”tablist” aria-multiselectable=”true”> <div class=”card card-white”> <div class=”card-header” role=”tab” id=”heading-1″> <h5 class=”mb-0″> <a data-toggle=”collapse” data-parent=”#accordion” href=”#collapse-1″ aria-expanded=”true” aria-controls=”collapse-1″> Basic tabs <\/a> <\/h5> <\/div> <div id=”collapse-1″ class=”collapse show” role=”tabpanel” aria-labelledby=”heading-1″> <div class=”card-block”> <p>3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/97"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":1,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/97\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/media?parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}