<div class="accordion-item">
    <h2 class="accordion-header" id="heading<%= key %>">
        <button
            class="accordion-button"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse-<%= name %>-<%= section %>"
            aria-expanded="true"
            aria-controls="collapse<%= key %>"
        >
            <%= key %>
        </button>
    </h2>
    <div id="collapse-<%= name %>-<%= section %>" class="accordion-collapse collapse" aria-labelledby="heading-<%= section %>" data-bs-parent="#accordion<%= name %>">
        <div class="accordion-body">
            <div class="accordion" id="accordion<%= key %>">
                <% value.forEach(function(item, index) { %> <%- include('accordion', {key: key, item: item, index: index, name: name, section: section })%> <%});%>
            </div>
        </div>
    </div>
</div>
