Elementor is now called the # 1-page builder ( at the time I am writing this blog ). Surely it gives you features that will help you create a beautiful and professional website in matters of hours but there are certain things that users would like changed at some point. For example the Accordion widget!
I see people asking for a way to make the Accordion widget closed by default ( on Github, on support, on Facebook ).
So here are few solutions that might work for you if you are one of the ones who wants the Accordion closed.
Remember my method is without the need of using any plugin 🙂
Method 1: You can use Toggle Widget which is closed by default.
Method 2: If you insist on using Accordion Widget follow my video:
https://www.useloom.com/share/3896dc036a944ff68556b5ef354c0913
The code you need to insert:
<script> jQuery(document).ready(function($) { var delay = 100; setTimeout(function() { $('.elementor-tab-title').removeClass('elementor-active'); $('.elementor-tab-content').css('display', 'none'); }, delay); }); </script>
I hope this helps you guys!
Again my method is without any plugins. If you are not comfortable with inserting code I suggest you look for some 3rd party plugin that can do this for you.
On a side note, learn how to create a free cloud website with Upcloud
Follow our blog for more tips and tricks on Elementor. If you are looking for some amazing Themes, Plugins check our list of Products
27 comments
I like this web site its a master peace ! .
Nifty, thanks so much!
Works fine for me : thank you very much.
I added it only in the first accordion and all occordions in the page were closed.
Super easy
I guess I will have to add the same script for another page with accordions
Cheers
Claire
Wow! It works! Thanks a lot!
Is there a version of this Elementor Tabs?
I’m baffled why Elementor doesn’t have this basic control when every other tab and accordion provides it as standard.
Elementor has the toggle widget for this. Also, there is another post which explains how to do this for tabs on our site.