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 panels associated with the headers are collapsed or hidden when rendered on a page. Viewers can click the expand icon to see the panel for the header. Zoomforth allows the first header to automatically expand upon page load in the site editing interface.

To automatically expand the first panel of an accordion section:

  1. Navigate to the target accordion section;

  2. Click the accordion section;

  3. Under the Behavior section in the left editing menu, tick the box for First item open by default;

  4. Click Done Editing Section.

Did this answer your question?