Bootstrap 5 Accordion Maker

Options
Preview
Generated Code
FAQs

Adding the .accordion-flush class removes borders and rounded corners, making the accordion fit edge-to-edge with its container.

Omitting the data-bs-parent attribute allows multiple accordion items to stay open at the same time.

Use the "Panel Color" dropdown to select a Bootstrap contextual class for the accordion panels.

Use the "Icon Type" dropdown to select different icons for opening and closing accordion items.