• Accordion
• Alerts
• Badges
• Basicstructure
• Cards
• Carousel
• Dropdown
• Grids
• Listgroups
• Modal
• Popover
• Tables
• Tabs
• Toast

<!-- Början av en Bootstrap-accordion -->
<div class="accordion" id="accordionExample">
    <!-- Första accordion-item -->
    <div class="accordion-item">
        <!-- Header för första accordion-item -->
        <h2 class="accordion-header" id="headingOne">
            <!-- Knapp som styr visningen av innehållet -->
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                Var kan jag se mina fakturor?
            </button>
        </h2>
        <!-- Innehållet som visas när knappen klickas -->
        <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
            <div class="accordion-body">
                Du hittar dina lån- och leasingfakturor när du loggar in under lån och leasing.
            </div>
        </div>
    </div>
    <!-- Andra accordion-item -->
    <div class="accordion-item">
        <!-- Header för andra accordion-item -->
        <h2 class="accordion-header" id="headingTwo">
            <!-- Knapp som styr visningen av innehållet -->
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                Hur anmäler jag e-faktura?
            </button>
        </h2>
        <!-- Innehållet som visas när knappen klickas -->
        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
            <div class="accordion-body">
                Du kan anmäla och avanmäla e-faktura för dina lån- och leasingavtal direkt i din ordinarie internetbank.
            </div>
        </div>
    </div>
</div>

Accordion exempel

Accordion is a collapsible that is useful when you want to hide and show large amount of content:

To control (show/hide) the collapsible content, add the data-bs-toggle="collapse" attribute button element. Then add the data-bs-target="#collapseOne" attribute to connect the button with the collapsible content div id="collapseOne".