Divi Documentation

Follow the instructions below to install and configure your new theme

« Back to Documentation

The Accordion Module

Module Overview

The accordion module is a great way to consolidate information within a single system. Accordions are very similar to tabs, except that the items are displayed within a vertical list. When a new item within the list is opened, the previously-opened item is closed and the new item's content is displayed.

View A Live Demo Of This Module

The Module Options

Basic Module Settings

Admin Label - This will change the label of the module in the builder for easy identification.

CSS ID - Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.

CSS Class - Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

Module Item Settings: For each accordion module, you can add multiple accordion items (tabs within the accordion itself).

Title - The title will be displayed when the item is closed within the accordion, as well as above the accordion content text when the item has been opened.

Content - The content is displayed within the item box when the accordion item has been opened, below the title.

Join 385,236 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today