Pharmacy Drupal - Accordion HTML for Bootstrap 3

accordion.html

<!-- 
    Accordion HTML for Bootstrap 3
    - To add additional tabs, copy the panel and place before the closing div (See comments below)
    - Change all instances of "headingThree" and "collapseThree" to the desired number
    - Add Title  
    - Add Content 
-->
<div aria-multiselectable="true" class="panel-group" id="accordion" role="tablist">
    
    <div class="panel panel-default">
        
        <div class="panel-heading" id="headingOne" role="tab">
            <h4 class="panel-title"><a aria-controls="collapseOne" aria-expanded="true" data-toggle="collapse" href="#collapseOne" role="button"> <!-- CHANGE TITLE HERE --> </a></h4>
        </div>

        <div aria-labelledby="headingOne" class="panel-collapse collapse in" id="collapseOne" role="tabpanel">
            <div class="panel-body">
                <!-- ADD CONTENT HERE -->
            </div>
        </div>
    
    </div>
    
    <div class="panel panel-default">
    
        <div class="panel-heading" id="headingTwo" role="tab">
            <h4 class="panel-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseTwo" role="button"> <!-- CHANGE TITLE HERE --> </a></h4>
        </div>

        <div aria-labelledby="headingTwo" class="panel-collapse collapse" id="collapseTwo" role="tabpanel">
            <div class="panel-body">
                <!-- ADD CONTENT HERE -->
            </div>
        </div>
    </div>
    
    <!--Start Copy-->
    <div class="panel panel-default">
        <div class="panel-heading" id="headingThree" role="tab">
            <h4 class="panel-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseThree" role="button"> <!-- CHANGE TITLE HERE --> </a></h4>
        </div>

        <div aria-labelledby="headingThree" class="panel-collapse collapse" id="collapseThree" role="tabpanel">
            <div class="panel-body">
                <!-- ADD CONTENT HERE -->
            </div>
        </div>
    </div>
    <!--End Copy-->


<!--Place additional panels before the closing div-->    
</div>