How to Expand or Close all accordion items with a button in Elementor?

Updated onApril 12, 2026By

Key Takeaways

  • The Plus Addons for Elementor Accordion widget allows users to expand and collapse all sections at once.
  • Users can customize the button's placement, name, and alignment in the Accordion widget settings.
  • The Plus Addons for Elementor requires installation and activation to access the Accordion widget features.
Table Of Content

When you’re dealing with multiple items in your accordion, you might want to provide an easy option for users to expand or collapse all sections at once.

Unfortunately, with the Elementor Accordion widget, this can’t be done.

So, if you want to provide your users with a button to expand and collapse all accordions at once so that they don’t have to click on each item to see the information, you can do this by using The Plus Addons for Elementor Accordion widget.

To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To enable this option, drag and drop the Accordion widget on your page, and go to Special Option > Expand & Collapse Button, turn on the toggle.

Tpae accordion expand and collapse button how to expand or close all accordion items with a button in elementor? From the plus addons for elementor

You can also choose the placement, name, and alignment of the button.

This way, you can make all the accordion items open and close at once. You can also style the button as you want from the Style tab.

Accordion all expand collapse preview

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the expand/collapse button isn't working?

If the expand/collapse button isn't functioning, ensure that you have enabled the option in the Special Option settings of the Accordion widget. Navigate to Special Option > Expand & Collapse Button and toggle it on. If it's still not working, check if The Plus Addons for Elementor is properly installed and activated, as this feature is exclusive to this plugin.

What is the best way to style the expand/collapse button?

The best way to style the expand/collapse button is through the Style tab in the Accordion widget settings. You can customize the button's appearance to match your site's design, ensuring it stands out and is easily recognizable. Consider using contrasting colors or unique fonts to enhance visibility and usability.

Are there any limitations when using the accordion widget?

One limitation of the Elementor Accordion widget is that it does not natively support an expand/collapse all feature. However, The Plus Addons for Elementor provides this functionality, allowing users to open or close all items simultaneously. This is particularly useful for pages with numerous accordion items, improving navigation.

Does the accordion widget work with other page builders?

The accordion widget from The Plus Addons for Elementor is specifically designed to work only with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. If you're using Elementor, you can take full advantage of its features, including the expand/collapse functionality.

Last reviewed: April 12, 2026

Related Docs