You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

Accordion (07_01)

The “Accordion” module is optimally suited for displaying a large volume of content in a clearly structured manner below one another on landing pages/distributor pages, and on detailed article pages in the content area. By clicking on the individual container headlines, these are unfolded and the previously hidden content becomes visible. In detail, the “Accordion” module consists of a headline, the container headlines (named as clearly as possible), and the variable modules integrated within the container.

Accordion - Module view

Accordion in the content area

This is how the module works

The module consists of the following components:
1. Headline Headline for the Accordion module
2. Accordion elements - any number

Display options:
- Display the first accordion element in open format when page is accessed: yes/no
- Always display only one accordion element in open format: yes/no
HeadlineHeadline is displayed on every element
Modules The following modules can be inserted into an Accordion (also multiple per Accordion):

Teaser: Download Teaser, Event Teaser, Figure Teaser, Press Teaser, Quotation Teaser, Text Teaser, Text Teaser List, Image Teaser, Image Teaser Slider, Contact Teaser, Text + Image Teaser
Combination modules: Image + Quotation, Text + Downloads, Text + Image, Text + Link list, Text + Quotation, Text + Video
Media: Image, Image Gallery, Images Download, PDF Gallery, Video, Video List,
Others: Organisational Chart, Standard Text, Table, Link List

This is how the module works

The module consists of the following components:
1. Headline Headline for the Accordion module
2. Accordion elements - any number

Display options:
- Display the first accordion element in open format when page is accessed: yes/no
- Always display only one accordion element in open format: yes/no
HeadlineHeadline is displayed on every element
Modules The following modules can be inserted into an Accordion (also multiple per Accordion):

Teaser: Download Teaser, Event Teaser, Figure Teaser, Press Teaser, Quotation Teaser, Text Teaser, Text Teaser List, Image Teaser, Image Teaser Slider, Contact Teaser, Text + Image Teaser
Combination modules: Image + Quotation, Text + Downloads, Text + Image, Text + Link list, Text + Quotation, Text + Video
Media: Image, Image Gallery, Images Download, PDF Gallery, Video, Video List,
Others: Organisational Chart, Standard Text, Table, Link List

The module can be used in the following templates and page areas:

Template and page area: Accordion

The blue area indicates that the module is applicable.

Dimensioned screenshots

Accordion: Dimensioning Desktop
Desktop
Accordion: Dimensioning Tablet
Tablet
Accordion: Dimensioning Mobile
Mobile
Spacing Guide

Description: Spacing values used in the dimensioned screenshots