Tengo varias secciones en Elementor con ID #section1, #section2, #section3, etc. Creé botones y la funcionalidad de cada botón debería ser mostrar solo una sección y ocultar TODAS las demás. Puedo hacer eso solo para 1 sección y 1 botón con JS, pero parece que no tengo éxito con varias secciones. Necesito hacer eso sin actualizar la página. ¿Algunas ideas?
No estoy seguro de si esto es lo que quieres, pero parece funcionar para mí.
enter code here
`enter code here`</div> `enter code here`<div id="section2"> `enter code here`</div> `enter code here`<button class="section1">button1</button> `enter code here`<button class="secss">button2</button>usa tu propio estilo
el enter code here "uso estricto";
enter code here const btn1 = document.querySelector(".section1"); enter code here const btn2 = document.querySelector(".secss");
enter code here const sección1 = documento.getElementById("sección1"); enter code here const sección2 = document.getElementById("sección2");
enter code here btn1.addEventListener("click", function() { enter code here section1.classList.add("hidden"); enter code here });
enter code here btn2.addEventListener("click", function() { enter code here section1.classList.remove("hidden"); enter code here section2.classList.add("hidden"); enter code here });