# Divi Accordions That Start Closed

> Makes every Divi accordion load with all items closed instead of the first one open, and lets visitors close an open item again by clicking its title.

- Type: HTML
- Runs: Site-wide footer
- Category: [Page Builders & Themes](https://wpide.com/library/category/page-builders/)
- Tags: divi, accordion, faq
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/divi-accordions-start-closed/

## Code

```html
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.et_pb_accordion:not(.wpide-keep-open) .et_pb_toggle_open').forEach(function (item) {
        item.classList.remove('et_pb_toggle_open');
        item.classList.add('et_pb_toggle_close');
    });
    document.addEventListener('click', function (e) {
        var title = e.target.closest ? e.target.closest('.et_pb_accordion:not(.wpide-keep-open) .et_pb_toggle_open .et_pb_toggle_title') : null;
        if (!title) { return; }
        var item = title.closest('.et_pb_toggle');
        var content = item.querySelector('.et_pb_toggle_content');
        e.stopImmediatePropagation();
        item.classList.remove('et_pb_toggle_open');
        item.classList.add('et_pb_toggle_close');
        if (content) { content.style.display = ''; }
    }, true);
});
</script>
```

## Notes

Add the class wpide-keep-open to an accordion module to keep Divi's default behavior for it.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Divi Accordions That Start Closed" in its snippet library and add it in one click; or create a new HTML snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/