Accordion

Notes:

An accordion is a stack of descriptive labels that can be toggled to display related full content. When collapsed, only the label text is visible. When expanded, the full content is visible as well.

Example:

See Live output

Content Structure:

See Content in Document

Code:

This code is included in AEM Block Collection, simply copying the .css file and the .js file will add this block to your project.

Block Code