Estás leyendo la publicación: mostrar/ocultar un widget en WordPress con jQuery
Como se ve en el tema actual, estoy usando jQuery para animar mostrar/ocultar o como se conoce como la pantalla de estilo css: none;.
Dado que estoy usando un tema secundario personalizado en mi sitio y tengo un tema híbrido como principal, los widgets o la sección de la barra lateral es diferente de lo que puede ser en su tema. Pero solo aplique el estilo de la siguiente manera a su tema.
Primero, asegúrese de que su sitio de WordPress esté llamando a jQuery, insertando este código en su archivo header.php arriba de texto:
Luego, en cualquier lugar por encima de , inserte este código:
Eso es todo. Bastante simple eh.
Entonces, repasemos lo que hace el código.
$(‘#primary h3.widget-title’).addClass(‘plus’);
Esta línea encuentra todas las etiquetas
con la clase widget-title dentro del parámetro ID de #primary y agrega una clase de plus.
Entonces
$(‘#primary h3.widget-title’).click(function() { $(this).toggleClass(‘plus’).toggleClass(‘minus’).next().toggle(180); });
Aplicará una función de clic. Cuando se hace clic en la etiqueta H3, se eliminará la clase más y se agregará la clase menos.
Luego, el código que dice .next alternará el elemento “siguiente” después del título
.
Me gusta Cargando…