Add an Accordion component under the Page’s and Article’s component section, by clicking Add row and selecting Accordion.

Accordion component selection

Accordion component fields

Subtitle: Component title, a h2 heading appearing before component's content Accordion Item(s) section: Listings accordion item(s) in this Accordion component Accordion Item: Is a single accordion, with a title and body. Title: The title of the accordion item and the text that toggles the opening and closing of the accordion when clicked. Body: The content of the accordion, is a WYSIWYG field. This content appears when the Accordion's title is clicked. Toggle open/closed: Enable to have the specific accordion item be open by default. Add Accordion Item: Button to add another Accordion Item to the Accordion component.

Example Accordions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis vitae lorem id finibus. Quisque leo ipsum, efficitur at tincidunt eu, ultricies et massa. Nullam pulvinar at massa at sodales. Ut consectetur augue nisi, quis condimentum purus aliquet a. Nunc et ornare tellus. Aliquam eget vestibulum augue. Fusce tristique lacus eu ipsum scelerisque, vitae scelerisque magna tincidunt. Ut quis arcu non eros mollis iaculis. Aenean ipsum ipsum, feugiat ac ullamcorper eu, vestibulum vel risus. Vivamus vel porta felis, eu malesuada nibh. Aliquam erat volutpat. Nam in ullamcorper ligula. Mauris tincidunt tortor eget enim maximus, ut placerat quam sollicitudin.

Table mountain
Open

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis vitae lorem id finibus. Quisque leo ipsum, efficitur at tincidunt eu, ultricies et massa. Nullam pulvinar at massa at sodales. Ut consectetur augue nisi, quis condimentum purus aliquet a. Nunc et ornare tellus. Aliquam eget vestibulum augue. Fusce tristique lacus eu ipsum scelerisque, vitae scelerisque magna tincidunt. Ut quis arcu non eros mollis iaculis. Aenean ipsum ipsum, feugiat ac ullamcorper eu, vestibulum vel risus. Vivamus vel porta felis, eu malesuada nibh. Aliquam erat volutpat. Nam in ullamcorper ligula. Mauris tincidunt tortor eget enim maximus, ut placerat quam sollicitudin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis vitae lorem id finibus. Quisque leo ipsum, efficitur at tincidunt eu, ultricies et massa. Nullam pulvinar at massa at sodales. Ut consectetur augue nisi, quis condimentum purus aliquet a. Nunc et ornare tellus. Aliquam eget vestibulum augue. Fusce tristique lacus eu ipsum scelerisque, vitae scelerisque magna tincidunt. Ut quis arcu non eros mollis iaculis. Aenean ipsum ipsum, feugiat ac ullamcorper eu, vestibulum vel risus. Vivamus vel porta felis, eu malesuada nibh. Aliquam erat volutpat. Nam in ullamcorper ligula. Mauris tincidunt tortor eget enim maximus, ut placerat quam sollicitudin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis vitae lorem id finibus. Quisque leo ipsum, efficitur at tincidunt eu, ultricies et massa. Nullam pulvinar at massa at sodales. Ut consectetur augue nisi, quis condimentum purus aliquet a. Nunc et ornare tellus. Aliquam eget vestibulum augue. Fusce tristique lacus eu ipsum scelerisque, vitae scelerisque magna tincidunt. Ut quis arcu non eros mollis iaculis. Aenean ipsum ipsum, feugiat ac ullamcorper eu, vestibulum vel risus. Vivamus vel porta felis, eu malesuada nibh. Aliquam erat volutpat. Nam in ullamcorper ligula. Mauris tincidunt tortor eget enim maximus, ut placerat quam sollicitudin.

Closed