Cómo cerrar por defecto el acordeón de Elementor

¿Quieres saber cómo puedes dejar cerrada la primera pestaña del acordeón de Elementor? Descubre cómo puedes hacerlo en este tutorial rápido del Blog de SEODefinicion.

Si usas Elementor o Elementor pro, seguramente ya te habrás dado cuenta de que existe un bloque llamado acordeón. Este te permite poner contenidos de manera que el contenido de la página no quede tan largo. Este tipo de bloques se suelen usar para temas de maquetación visual o para hacer las conocidas FAQ o preguntas frecuentes.

Aunque también he llegado a ver diferentes páginas que meten los h2 en los títulos de cada pestaña y todo el contenido dentro del acordeón.

Cómo hacer que los acordeones estén cerrados por defecto

El problema que tiene este bloque es que Elementor muestra, de forma predeterminada, la primera pestaña del contenido abierta, y eso es algo que no gusta mucho a la gente. Por eso, tengo bajo la manga 2 remedios caseros que te van a servir para solventar este problema.

El primero es ir a APARIENCIA > EDITOR DE TEMAS > EL HEADER DE TU TEMPLATE y pegar este código:

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

Cómo hacer que el acordeón de Elementor se cierre solamente en móviles

Si solo quieres que el acordeón de Elementor se quede cerrado solo en la versión para móviles, puedes usar este otro código:

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

¿De dónde he sacado este código? Jajaja, vale, me has pillado. Este código lo he conseguido gracias a los chicos de "digitalfreelancing.eu". Pero aun así, espero que os funcione :).

¡¡¡Recuerda comentar si te ha servido el artículo!!!