Bootstrap Component: Accordion

<div class="accordion" id="accordionExample">
    <div class="accordion-item">
        <h2 class="accordion-header" id="headingOne">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" 
                    data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                Where can I see my invoices?
            </button>
        </h2>
        <div id="collapseOne" class="accordion-collapse collapse" 
             aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
                You can find your loan and leasing invoices when you log in under loans and leasing.
            </div>
        </div>
    </div><!--end first accordion-item -->
    <div class="accordion-item">
        <h2 class="accordion-header" id="headingTwo">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" 
                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                How do I register for e-invoice?
            </button>
        </h2>
        <div id="collapseTwo" class="accordion-collapse collapse" 
             aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
            <div class="accordion-body">
                You can register and unregister e-invoice for your loan and leasing agreements directly in your internet bank.
            </div>
        </div>
    </div><!--end second accordion-item-->
</div><!-- end Accordion -->