Listing Category: Accordion

Add a Light Box image to an Accordion module

Quick tutorial on how to add a lightbox effect to images in an accordion module using the Divi theme…

Accordion Module starting with all Toogles closed

By default the first toggle of an accordion module starts open, but with a little code in the head section we can start with all accordion toggles closed…

Close Default Open Accordion in Divi

In accordion module, first accordion is set to be open by default on opening the page. But we can close default open accordion by applying some javascript.

To close the default accordion toggle,

Go to Divi > Theme Option > Integration

And copy the given code in the text field given below “Add code to the < head > of your blog”…

Make Divi Accordion Module Tabs Closable

Ever since posting on how to make the Divi accordion tabs start closed by default, I’ve received requests for something related – to be able to re-close accordion tabs once they are opened. Divi will always keep one accordion tab open, and the only way to…

Change Color on Accordion Plus (+) in Divi

Accordion modules are really a solid way to clean up overwhelming content, allowing users to hone in on what they want, only, and alleviating the potential for TL;DR. Divi provides these as a standard module that I find myself almost always using. For the most part…

Make Divi Accordions Closed by Default

The default behavior of the Divi Theme’s accordion module is to show the first item of the accordion as open….



Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.


You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!