An accordion menu is a vertically stacked list of headers that can be clicked to reveal or hide content associated with them. It is one of many ways you can expose content to users in a progressive manner.

While accordions sound ideal for presenting complex content, like with many other widgets and implementations, they are not a one-size-fits-all solution. There are major downsides to accordions.

• Forcing people to click on headings one at a time to display full content can be cumbersome.
• Accordions increase interaction cost.
• Hiding content behind navigation diminishes people’s awareness of it.
• Accessibility is an important consideration.
• Printing problems

• Myth #1: Users don’t scroll long pages
• Myth #2: Customers don’t read information at the bottom of the page
• Myth #3: People avoid pages with a lot of content

Accordions should be avoided when your audience needs most or all of the content on the page to answer their questions. Better to show all page content at once when the use case supports it. In such cases, don’t worry too much about page length. Relevance trumps page length.