Ocultar sección en Elementor

¿Estás buscando la manera de ocultar una sección en Elementor?

Si es así, has llegado al lugar correcto. En este artículo, te enseñare como ocultar una seción en elementor con js y css personalizado de manera sencilla y rápida.

debajo te dejaré el código personalizado y también un video explicativo donde enseño paso a paso a como implementarlo.

js personalizado para ocultar sección en elementor

document.addEventListener(‘DOMContentLoaded’, function() {

jQuery(function($) {

$(‘.close-icon’).click(function() {

$(this).parents(‘.close-section’).hide();

});

</script>

Como puedes observar estoy usando nombres de clase personalizdo que son “close-icon” y “close-section” y también estoy usando jquery con el evento DOMContentLoaded, lo que hace es activarse cuando el documento html se cargo por completo, los eventos se usan normalmente con funciones.

addEventListener lo que hace es registrar un evento a un objeto especifico, como en este caso esta usando DOMContentLoaded y luego la función

Parents lo que hace esta función es devolver todos los elemntos antecesores del elemento seleccionado, en este caso el elemento seleccionado es “close-section” y con la funcion hide escondemos todos esos antecesores, es decir toda la sección, te mostraré un ejemplo en video de como ocultar un sección donde hay un formulario al final del artículo.

Css personalizado para ocultar sección en elementor

<style>

.clicktoclose {

cursor: pointer;

}

</style>

Este css lo único que hace es colocar el cursor pointer cuando pasas por encima del elemento seleccionado

te dejaré un video tutorial debajo donde te explicaré paso a paso a ocultar una sección en elementor con un ejemplo de formulario👇👇

Ocultar sección elementor

Artículo escrito por:

Hola, soy Kevin Salazar Zarate, especialista en Wordpress.
Soy una persona autodidacta que le gusta aprender y enseñar a los demás mis conocimientos, ya que cuando enseñas aprendes el doble.