How to close by default the accordion in Elementor

Elementor has become my favorite visual designer for WordPress, and we use it very often in projects of the clients of our company. In today’s post I share a little trick that will help you give a unique look to the accordions of this tool.

How to make accordions closed by default

It is very common for a client to ask you to “put” information on accordions. It is used a lot for SEO issues. The page has to have a certain number of words, but there is no way that so much text fits.

The problem is that, by default, in Elementor always the first tab of the accordion is open. And there are customers who hate this! It has a solution? Of course, if you simply paste the following code in an HTML section wherever you want:

<script> 
jQuery(document).ready(function($) { 
var delay = 100; setTimeout(function() { 
$('.elementor-tab-title').removeClass('elementor-active');
 $('.elementor-tab-content').css('display', 'none'); }, delay); 
}); 
</script>

And … presto! it closes by default. There is nothing more to do. Easy, useful, fast and for the whole family. We hope it serves you!