Accordion

The accordion pattern is used when a large amount of content (text, images, links or promos) needs to be displayed on screen in a limited amount of space. Using collapsible panels, this component lets the user show and hide content depending on importance.

Accordion design pattern

BBC © 2012 The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.