Acordeon cerrado en elementor

Elementor acordeon cerrado

Elementor viene por defecto con el acordeon abierto, pero sabias que se puede cerrar el acordeon de elementor con código

Cómo cerrar acordeon elementor

Para tener el acordeon elementor cerrado se agrega código jquery para poder interactuar con el DOM, de esa manera se puede cerrar el acordeon de elementor, debajo te dejo el código y un video explicativo paso a paso para que puedas implementarlo

Jquery personalizado para cambiar la imagen de acordeon en elementor

				
					<script type="litespeed/javascript">jQuery(function(){const img="";jQuery("#elementor-tab-title-").click(function(){jQuery(".toggle-img img").attr('srcset',img);jQuery(".toggle-img img").attr('src',img)})})</script>
				
			

Javascript Modificado para cerrar el acordeon de elementor

				
					<script type="litespeed/javascript">if(window.location.hash){forceCloseAccordion()}
document.addEventListener("DOMContentLiteSpeedLoaded",function(){setTimeout(function(){forceCloseAccordion()},100)});function forceCloseAccordion(){let tabs=document.querySelectorAll(".elementor-tab-title");tabs.forEach(tab=>{tab.classList.remove("elementor-active")});let tabContents=document.querySelectorAll(".elementor-tab-content");tabContents.forEach(tabContent=>{tabContent.style.display="none"})}</script>
				
			

Video completo de acordeon cerrado en 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.

Comparte en tus redes sociales

Facebook
Twitter
LinkedIn
WhatsApp
Anuncio - Hosting Web SiteGround - Diseñado para administración web. Velocidad, Herramientas y Soporte de primera. Clic aquí.