JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://current.bootstrapcdn.com/bootstrap-v204/css/bootstrap.css">
<div id="accordion" class="accordion">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a id="program1" data-parent="#accordion" class="accordion-toggle">
            ...
            </a>
        </div>
        <div id="collapse1" class="accordion-body collapse">
            <div class="accordion-inner">
            ...
        </div>
    </div>
</div>

JavaScript

$.each($('#accordion a.accordion-toggle'), function(i, link){
    
        $('#collapse' + 1).collapse({
            toggle : true,
            parent : '#accordion'
        });
$(link).on('click', 
    function(){
        $('#collapse' + 1).collapse('toggle');
    }
)
});