Bootstrap 5 Accordion Maker

Accordion Type
Accordion Items
Accordion Settings
Icon Settings
Styling
Accessibility
Live Preview
Generated Code
Accordion Options Explained:

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 "Styling" section to select a Bootstrap contextual class for the accordion panels.

Use the "Icon Settings" options to select different icons for opening and closing accordion items.