What is Accordion?
In UI design, an accordion is a type of menu that vertically stacks items that let the user expand and collapse the content. It is a design element that expands to reveal some hidden information.
An accordion is a UI component that allows the user to hide or reveal content. Unlike overlays, accordions push page content down instead of being superposed on top of page content. In web design, an accordion is a type of menu that displays a list of headers stacked on top of each other. When clicked (or triggered by keyboard interaction or a screen reader), these headers will either reveal or hide the relevant content.