How to Expand or Close all accordion items with a button in Elementor (Part 7/8) [Video Tutorial]

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor plugin enables users to expand or close all accordion items with a button.
  • The video tutorial lasts 01:27 and provides a step-by-step guide for using accordion features in Elementor.
  • Implementing this solution can save valuable time in the Elementor design process.
Table Of Content
YouTube video
Video Duration: 01:27

Video Overview

In this video tutorial, we show you step-by-step how to expand or close all accordion items with a button in Elementor using the powerful features of The Plus Addons for Elementor plugin.

Live Demo – https://theplusaddons.com/elementor-widget/elementor-accordion/
Read Documentation – https://theplusaddons.com/docs/expand-close-elementor-accordion-button/

If you’re looking to streamline your Elementor design process, this tutorial is perfect for you. You can save valuable time by implementing a convenient solution that allows users to expand or collapse all accordion sections with just one click.

▶ Get 120+ Powerful Widgets for Elementor – https://theplusaddons.com/pricing/
▶ Nexter Theme Builder – https://nexterwp.com/
USE CODE ‘ YOUTUBE10 ‘ TO ENJOY AN EXTRA 10% DISCOUNT

Check our Complete 8 Videos Playlist for Elementor & The Plus Addons for Elementor – https://www.youtube.com/watch?v=RdPTAGc3PMY&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

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/close button doesn't work in my Elementor accordion?

If the expand/close button isn't functioning, ensure that you have correctly followed the steps outlined in the tutorial. A common issue is not properly linking the button to the accordion widget. Double-check the settings in The Plus Addons for Elementor to ensure everything is configured correctly. If problems persist, reviewing the documentation on expanding and closing accordion items can provide additional insights.

What is the best practice for styling the accordion button in Elementor?

For optimal styling of the accordion button, consider using contrasting colors to make it stand out. Ensure that the button is large enough for easy clicking, especially on mobile devices. The Plus Addons for Elementor allows for extensive customization, so you can adjust padding, margins, and hover effects to enhance usability and aesthetics.

Are there any limitations to using the accordion feature in Elementor?

While the accordion feature is versatile, it may not be suitable for displaying large amounts of content within each section, as this can overwhelm users. It's best to keep content concise and relevant. The Plus Addons for Elementor allows for customization, so consider using short descriptions or links to detailed content instead.

Last reviewed: April 11, 2026

Related Docs