Accordion sections highlight important content in the headers and allows quick access to the associated content or header details by expanding the panel. This section type is very useful for rendering content on smaller screens through the stacked headers.

By default, all headers in an accordion section can be expanded to show the details or more content in the panels, which stretch the page vertically and uses more scrolling actions to navigate. This behavior can be changed so that only one header expands at a time.

To set an accordion section to expand only one header at a time:

  1. Navigate to the target accordion section;

  2. Click the accordion section;

  3. In the left editing menu, tick Only one item open at a time, under the Behavior section;

  4. Click Done Editing Section..

Did this answer your question?