FAQ pages
Let visitors open every answer to read or search the page.
Content / widget · Elementor module
Details Group Toggle Widget Plugin for Elementor
Add an Expand all and Collapse all control for the native details sections on a page or inside one block, kept in sync as visitors open sections themselves.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Details group toggleProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Press a button, or open a section yourself and watch the label follow.
02 / Inside WordPress
Details group toggle controls in Elementor
Content sets whether every details section on the page or only those inside one element are toggled, one switching button or a pair, an optional open count, and every label. The Style tab covers the buttons in their Normal, Hover and Focus states, spacing and the count.
03 / Website use cases
Where to use details group toggle
Long FAQ pages and documentation often hide answers in collapsible details sections, and visitors who want to read or search everything have to open them one by one. Details group toggle adds a clear button that opens or closes them all, either on the whole page or inside one block, and keeps its label right when visitors open sections themselves. When there is nothing to toggle it stays out of the way.
Documentation
Collapse long reference sections back to an overview.
Course outlines
Show or hide every lesson summary at once.
04 / Installation and setup
How to add expand all and collapse all buttons in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Details group toggle in the Complementor library.
Add the widget above your FAQ or documentation sections.
Choose the whole page or one element by its CSS ID.
Choose one switching button or a pair, and adjust the labels.
Style it and press the button to check it.
05 / Content and style controls
Customize details group toggle in Elementor
Configure the settings available for this module to suit the page you are building.
Expand all and Collapse all.
Whole page or one element.
One button or a pair.
Stays in sync with visitors.
Optional open count.
Hidden when there is nothing to toggle.
06 / Choose the right approach
Details group toggle and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Opening sections one by one
Slow on long pages, and browser search misses closed answers in some browsers.
Custom scripts
Need code and testing, and rarely keep the button label in sync.
07 / Requirements and compatibility
Details group toggle compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Toggles native details elements only.
- Does not store which sections are open.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot details group toggle
Check these settings if the published page behaves differently from the editor.
Why does the button not show on the live page?
No details sections were found, or none inside the element ID you chose. The editor explains which.
Why does Expand all open only one section in my accordion?
Sections that share a name attribute are an exclusive accordion; browsers allow only one of them open.
Which sections does it work with?
Native details and summary elements, for example in an HTML widget or the text editor.
Why does the label say Expand all when some are open?
It switches to Collapse all only when every section is open.
Details group toggle plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is it accessible?
Yes. It is a real button with aria-expanded and aria-controls, and the result is announced.
Can it control just one FAQ block?
Yes. Give the block a CSS ID and choose Only those inside one element.
Does it remember which sections were open?
No. Nothing is stored; each visit starts as the page was built.
Does it need JavaScript?
Yes. Without it the button is hidden and the sections still work on their own.
10 / Annual All Access subscription
Get details group toggle with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.