Cómo configurar el Widget Accordion de Elementor para que esté cerrado por defecto

Elementor viene con un widget de Acordeón. Junto con el widget de Alternar, el widget de Acordeón es excelente para crear secciones como Preguntas frecuentes o similares. Cuando se trabaja con el widget de Acordeón, puede agregar tantos elementos como desee. De manera predeterminada, el primer elemento del acordeón se establece como abierto y Elementor no ofrece una configuración predeterminada para cerrarlo. Para algunos usuarios, esto es un poco molesto ya que el objetivo principal de agregar un acordeón es ocultar información y requiere interacción del usuario (haciendo clic en un elemento del acordeón) para mostrar la información.

Entonces, ¿cómo establecer todos los elementos del acordeón como cerrados de manera predeterminada? Puede usar el siguiente JavaScript para hacerlo.

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

Puede usar un widget de HTML para usar el código anterior. Simplemente arrastre el widget de HTML y colóquelo justo encima del widget de Acordeón. Pegue el código en el campo de Código HTML en el panel de configuración una vez que se haya agregado el widget de HTML.

Eso es todo. Puede actualizar su página una vez que haya terminado de editar otros elementos.

Si tiene múltiples acordeones en su sitio web y desea que todos estén cerrados de manera predeterminada, puede usar un código personalizado en su lugar. Para hacerlo, vaya a Elementor -> Código personalizado en su panel de control de WordPress. Haga clic en el botón Agregar nuevo para agregar un nuevo código personalizado.

Dale un nombre a tu código personalizado y pega el código. En la sección Ubicación, puede elegir si es encabezado, pie de página o cuerpo. Su código funcionará en cualquier ubicación. Haga clic en el botón Publicar para aplicar el código.

Intente cargar una de las páginas de su sitio web que contenga un acordeón para verificar el resultado.

Si bien el Acordeón es útil para crear una sección de preguntas frecuentes, solo puede agregar contenido de texto. Además, no hay opción para agregar el contenido desde una plantilla. Solo puede agregar el contenido manualmente utilizando el editor clásico ofrecido. Si necesita agregar una sección de acordeón de imagen a su página, puede usar complementos de Elementor como JetElements y JetTabs.