How it works

  • An accordion consists of several chapters, each represented by a title.
  • Each chapter integrates standard components to present the content. Most components can be used.
  • You can choose one of the chapters to be displayed open (first chapter is recommended)
  • Clicking on the title bar allows you to expand or collapse a chapter: for touch friendliness, the entire bar is tap-sensitive.
  • If an accordion title is entered, there is the option to expand or collapse all chapters
  • If Accordion is used as a FAQ
    FAQ pages are listed in a highlighted way as Google search results if this is enabled in the page properties (FAQ microdata). (see created example)

How to use it

Show the primary content or at least an introduction directly on the page. Make sure users get an overview of the hidden content while skimming through the title bars.

Reference for publisher

AEM view

Screenshot showing how define the specifications.

AEM view

Screenshot showing of an accordion split

FAQ microdata

FAQ pages are listed in a highlighted way as google search results

  • Valid FAQ microdata markup is generated if an accordion is defined on the page and the microdata markup is enabled in the page properties.
  • The accordion needs to contain questions (via Accordion split text) and answers inside the respective accordion split sections via Text with Image, Teaser or Link List component (with Links or List items).