Como dejar los acordeones cerrados del editor elementor WordPress

Dejar los acordeones abiertos tiene grandes beneficios. Antes de decidir cerrarlos, considera lo siguiente:

▸ Accesibilidad

Facilita el acceso mucho más rápido a la información sin necesidad de hacer clic.

▸ SEO

El contenido más visible para los motores de búsqueda mejora el SEO, ya que algunos motores no indexan los contenidos ocultos.

▸ Experiencia de usuario

Si el usuario está interesado en ver toda la información del sitio web, es importante dejarles saber que hay más contenido disponible. Por ello, es crucial mantener los acordeones abiertos.

▸ Primera impresión

Al dejarlos abiertos, el usuario puede quedar impresionado, despertando así un mayor interés.

▸ Diseño y usabilidad

Permanecer con los acordeones abiertos en Elementor ayuda a que el diseño sea más llamativo estéticamente.

Entiendo tu frustración si el acordeón abierto te parece desagradable a nivel de diseño o si quieres insertar más información en cada uno de ellos. Si buscas dejar los acordeones de Elementor cerrados, aquí te dejo algunos consejos:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
jQuery(document).ready(function($) { var delay = 100; setTimeout(function() { $('.elementor-tab-title').removeClass('elementor-active'); $('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>

Si tal vez no te funcionó dejando los acordeones cerrados, usa la siguiente solución:

<script> var targetElement = document.querySelector('.elementor-tab-title'); var margetc = new Mutationmargetc(function(mutationsList) { for (var mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { if (targetElement.classList.contains('elementor-active')) { document.querySelectorAll('.elementor-tab-title').forEach(function(tab){ tab.classList.remove('elementor-active'); }); document.querySelectorAll('.elementor-tab-content').forEach(function(tab){ tab.style.display = 'none'; }); margetc.disconnect(); } } } }); margetc.observe(targetElement, { attributes: true }); </script>

¿Dónde insertar el código JS para cerrar los acordeones de Elementor?

Plugin: Puedes usar un plugin llamado Snippet Code.

Footer: Inserta el código en el footer.

Elementor HTML: Inserta el código en la opción de HTML de Elementor.

Recomendamos que para cerrar el acordeón, lo insertes en el footer, ya que automáticamente funcionará en todas las páginas.

Espero que esta información te sea de ayuda. En caso de que no funcione, aunque es poco probable, estaremos encantados de ayudarte. ¡Buena suerte!