Bootstrap Accordion

<div id="-plugin-{UNIQUE_ID}">

    <div id="accordion-{UNIQUE_ID}">

        {SLIDES}

    </div>

</div>

            {SLIDE_NAV}

<div class="card">

    <div class="card-header" id="card-{SLIDE_ID}">

        <h5 class="mb-0">

            <button class="btn btn-link" data-toggle="collapse" data-target="#collapse-{SLIDE_INDEX}" aria-expanded="" aria-controls="collapse-{SLIDE_INDEX}">

                {TITLE=text}

            </button>

        </h5>

    </div>

​

    <div id="collapse-{SLIDE_INDEX}" class="collapse" aria-labelledby="card-{SLIDE_ID}" data-parent="#accordion-{UNIQUE_ID}">

        <div class="card-body">

            {TEXT=textarea}

        </div>

    </div>

</div>

$('#accordion-{UNIQUE_ID} .collapse').collapse();