An accordion is a layout mechanism used on a web site.

It is a means of saving space on screen by hiding information until a heading is clicked.

When you click on the heading, the information that has been hidden is revealed usually in a smooth animation.

Accordions can be used in navigation menus on your web site or to compact long web pages into on screen, giving visitors the option to jump to the section of the page they find most relevant.

One advantage of using an accordion on a long web page is that it although you only display the information in small chunks (great for your readers), all of the information is contained within the page (great for search engines)