Digital pattern library

Accordion

The accordion pattern is backwards-compatible with previous implementations used on the Study at St Andrews website. See example 2. This support will be removed at some point, so DO NOT use the markup in example 2.

The Accordion pattern presents an expandable and collapsible section of content.

Usage

Syntax

[heading]

[content]

Options

Examples

example1

View | Code | Open in new window

example2

View | Code | Open in new window

Related patterns