Make DIVI Accordians Closed by Default

  DIVI, Javascript

I really like the DIVI Accordion, but by default, the first accordion is open when the page loads. A website looks cleaner if all accordions are closed when the page loads.

In Elegant Themes FAQs and Troubleshooting, I found an article Make DIVI Accordions Closed by Default, which you can refer to for complete instructions.

  1. In Accordion Settings, create a CSS Class.  In this example, the CSS Class is my_accordion
  2. In Theme options > Integration, add the following script in the <head> section.