Accordion
Accordion groups collapsible panels into a structured disclosure interface and can optionally keep only one panel open at a time.
Core concept
Explain accordion-item, accordion-header, accordion-button, accordion-collapse, accordion-body, flush styling, and the parent relationship that controls automatic closing.
Using it in a real interface
Build a frequently asked questions section with three questions. Explain how the button\'s expanded state corresponds to the visible answer and how the parent attribute changes whether multiple answers can remain open.
Implementation notes
Do not hide essential legal or safety information behind an accordion without considering whether users need to discover it immediately.
ADVERTISEMENT