Accordion

Collapse apilado de Bootstrap 5.3.

BásicoPreview

Contenido del primer ítem.

Contenido del segundo ítem.
<div class="accordion" id="accordionExample">
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#c1">Item #1</button>
    </h2>
    <div id="c1" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
      <div class="accordion-body">Contenido del primer ítem.</div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c2">Item #2</button>
    </h2>
    <div id="c2" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
      <div class="accordion-body">Contenido del segundo ítem.</div>
    </div>
  </div>
</div>
Design
Menú
Fundamentos
Introducción Colores Tipografía Spacing Temas
Marca vhoda
Project card CTA narrativo Hub form Uline titles Nav sticky Offcanvas glass Hero landing Footer Clients grid Splash
Bootstrap
Accordion Alerts Badge Breadcrumb Buttons Button group Card Close Collapse Dropdown Forms List group Modal Navbar Navs & tabs Offcanvas Pagination Placeholders Popovers Progress Spinners Tables Toasts Tooltips