Accordion Menu
An accordion menu is a user interface component that displays a list of items where only one section can be expanded at a time, with others collapsing automatically. It is commonly used in web and mobile applications to organize content hierarchically while saving screen space. The name derives from the musical instrument, as sections expand and collapse like an accordion's bellows.
Developers should use accordion menus when designing interfaces with categorized content that users need to navigate efficiently without overwhelming them with information. They are ideal for FAQs, settings panels, navigation menus on mobile sites, or any scenario where space is limited and content needs to be revealed progressively. This improves user experience by reducing clutter and focusing attention on the selected section.