How To Keep Accordion Closed By Default In Elementor (No Code)

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

Keeping the Accordion widget closed by default in Elementor is a nightmare.

You either need to write code or use the Toggle widget instead of the Accordion widget.

Both of these solutions are not ideal in the long run.

The Toggle widget does not work the same way as the Accordion widget.

And if you write code, then you need to maintain it for the rest of your life. You will need to do that to make sure that nothing breaks as Elementor and WordPress release new updates. Why would you want to do that?

By the way, if you still want to write code, then you can get the code snippet on the viodCoders website.

But, I prefer not to write code and maintain it for years to come. So I found a way around writing code.

Given below are the steps to keep the Accordion widget closed by default in Elementor without writing any code:

  1. Install the PowerPack Addons for Elementor plugin from the WordPress Plugins Repository.
  2. Edit the page with Elementor on which you want to place the Accordion widget.
  3. Drag-and-drop the Advanced Accordion widget on the page from the PowerPack Elements group.
  4. Write your desired content for the Accordion panels. Note that all Accordion panels are closed by default in the Advanced Accordion widget of PowerPack plugin.
  5. Save your changes.

Let’s take a detailed look at each of these steps now.

How To Keep The Accordion Closed By Default In Elementor Using The PowerPack Addons for Elementor Plugin

First, install and activate the PowerPack Addons for Elementor plugin.

Once the PowerPack plugin is activated, edit the page with Elementor on which you want to add the Accordion widget.

Now, scroll down to PowerPack Elements group on the left-side Elementor panel. Then, drag-and-drop the Advanced Accordion widget on the page.

Advanced Accordion widget

You can now set the content of the Accordion panels in the left-side widget settings panel.

Set Accordion panel content

All the panels of the Advanced Accordion widget are closed by default. So there is no need to do anything else.

Once you are done writing the content for the Accordion panels, just save your changes.

And that’s it!

You now have an Accordion widget that is closed by default in Elementor.

Related Further Reading:

Video Tutorial

Website Builders’ Toolbox


What Next?

There are a lot of settings that you can play with in the Advanced Accordion widget of the PowerPack plugin.

So play around with all the settings to get the look and feel that you want for your Accordion.

And finally, if you liked this tutorial, please share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *