Accordions

An accordion is a vertically stacked list of headers that can be clicked to show or hide content associated with each header. Accordions are sometimes called "Expand/Collapse" sections. Each accordion consists of two parts: the header and the panel. The accordion header contains the heading and can be clicked. The accordion panel contains the main content.

Does my site have this feature

Accordions are not a default feature on APS sites. For information about your site, contact the APS Web Team.

Source Code:
<div class="accordion">

<h2>Heading</h2>
<div>
<p>Content</p>
<p>Add text, links, headings, and lists.</p>
</div>

<h2>Heading</h2>
<div>
<p>Content</p>
<p>Add text, links, headings, and lists.</p>
</div>

</div>

Heading

Content

Add text, links, headings, and lists.

Heading

Content

Add text, links, headings, and lists.

Use Guidelines

The heading (the part that people click on to expand) should be 1–3 words, or 1 sentence at maximum.
The heading order must be logical, just like on a page. For example, if the accordion title is a Heading 2, then any headings in the contents that identify subtopics of the accordion title should be a Heading 3.