accordion module

Add Icons to Accordion Module Titles

The Divi theme comes with an Accordion module which lets you present FAQs and other content in expandable boxes (or "toggles"). Open accordion toggles display a close icon on the right hand-side of the title. But there isn't currently an option to display an...

Put One Divi Accordion Module inside Another

If you need to embed one Divi module inside another, there are several plugins out there that may help, such as Simple Divi Shortcodes (free), Shortcodes for Divi (also free), or Divi Shortcodes (premium). They all work in more or less the same way - you save your...

Open/Close Entire Divi Accordion Module

The Divi Theme's Accordion module doesn't come with a way to open / close all accordion toggles at once. Here's how to add a Button module which will do just that.Step 1: Add a Button Module Begin by adding a button module to your layout. This will be the button that...

Disable Pointer / Clicking on Open Accordion Module Toggles

The default behavior of the Divi Theme's accordion module is to start with one toggle open and the rest closed. Then clicking on a closed toggle opens it and closes the originally open one. One thing you might notice is that, despite clicking on the open toggle having...

Fix PDF Embedder not Resized in Closed Accordions

The PDF Embedder plugin allows you to easily embed PDFs in your web pages. When the browser window is resized, PDF Embedder resizes PDFs to fit the new space available to them. However, in the Divi Theme, when a PDF is hidden inside a closed accordion module toggle,...

Open a Particular Accordion Module Item by Linking

The Divi Theme accordion module starts with the first accordion item open by default. If you'd like to be able to control which accordion item is opened when linking to the page, you can do so with the following jQuery code:Related Post: Adding JavaScript / jQuery to...