Julius'Lab

Elementor

Crear un botón TOGGLE para mostrar/ocultar de cualquier elemento en Elementor

2go, Cómo le hice aquella vez, CSS, Elementor, Tips, Wordpress

Crear un botón y asignarle el tag id= showFilterForm (en Avanzado de Elementor).

Crear el elemento (a ocultar/mostrar), normalmente debajo del botón, y asignarle el tag id= hiddenFilterForm (en Avanzado de Elementor).

Poner en la sección CSS correspondiente de Personalizar HTML del tema, la línea: #hiddenFilterForm {display:none;}

Agregar el siguiente Javascript:

<script type="text/javascript">
jQuery(document).ready(function( $ ){

   $('#showFilterForm').click(function() {
   $('#hiddenFilterForm').toggle("slow");
 });
});
</script>

Crear un botón TOGGLE para mostrar/ocultar de cualquier elemento en Elementor Leer más »

(Elementor) Cerrar el widget acordeón por defecto

CodeSheet, Elementor
<style class="accordion-closed-on-load">
body:not(.elementor-editor-active) .elementor-widget-accordion .elementor-tab-content {
display: none!important;
}
</style>
<script>
window.addEventListener('load', function() {
setTimeout(function(){
document.querySelector('.accordion-closed-on-load').remove();
let accordionsElems = document.querySelectorAll('.elementor-widget-accordion')
accordionsElems.forEach(e => {
let activeTitle = e.querySelector('.elementor-tab-title.elementor-active');
let activeContent = e.querySelector('.elementor-tab-content.elementor-active')
jQuery(activeContent).hide();
activeTitle.classList.remove('elementor-active');
activeContent.classList.remove('elementor-active');
activeContent.setAttribute('hidden','hidden');
activeTitle.setAttribute('aria-expanded',false);
activeTitle.setAttribute('aria-selected',false);
activeTitle.setAttribute('tabindex',-1);
});
},100);
});
</script>

Colocarlo de preferencia en la parte de arriba del html del mismo acordeón.

(Elementor) Cerrar el widget acordeón por defecto Leer más »

Copyright © 2025 Julius Lab - StarWebs | Desarrollado por Astra Tema WordPress