An accordion provides a way for viewers to have a glance at the outline of the content and jump to a section or their choice at their will.

Basic Usage

Each of the amp-accordion component’s immediate children is considered a section in the accordion. Each of these nodes must be a <section> tag. Each <section> must contain only two direct children. The first child (of the section) will be considered as the heading of the section. Clicking/tapping on this section will trigger the expand/collapse behaviour.