DIVI 5 MODULE DEMO
Accordion Module
The Accordion module creates collapsible content panels. Each panel has a title (always visible) and body content (shown/hidden on click). The title is stored under title.innerContent and the body under content.innerContent.
Live Example
What is DIVI 5?
DIVI 5 is the fifth major version of Elegant Themes’ DIVI page builder. It is a complete rewrite using React, replacing the old shortcode-based system with native WordPress blocks.
How is DIVI 5 different from DIVI 4?
DIVI 5 uses WordPress block comment syntax instead of shortcodes. The visual builder is React-based and significantly faster. Content is stored as wp:divi/section blocks rather than
Can I migrate from DIVI 4 to DIVI 5?
Yes. Elegant Themes provides a migration tool. However, for programmatic injection, you must use the new block format and set _et_pb_use_divi_5=on in the post meta.
What is the correct accordion-item schema?
The title is stored under title.innerContent.desktop.value (not module.props.title). The body is under content.innerContent.desktop.value. The open state is under module.advanced.open.desktop.value (“on” or “off”).