Allows inline stacking of content panels; zero or more panels of content can be visible at any time.

Often used in sidebars for the progressive disclosure of options and filters.

Working Examples

You can take a look at the accordion pattern in action on our examples site.

You can get an idea of the required markup structure by viewing our bones site.

Best Practices

Content coming soon.

Interaction Design

Content coming soon.

Developer Guide

Content coming soon.

Useful Plugins

We have some experimental jQuery plugins that may assist you with creation of an accessible accordion widget:

results matching ""

    No results matching ""