Índice

Cambiar de un efecto a otro

Este cambio de un estado a otro o de una función a otra es un clásico de jQuery y ya se ha tratado en el capítulo Los eventos.

toggle()

Permite cambiar el estado de visualización del elemento seleccionado. Si el elemento se muestra, la función lo hace desaparecer (con la función hidden()) y al revés (con la función show()).

$("p").toggle();

Este método devuelve un objeto jQuery.

toggle(función 1,función2)

Permite cambiar (toggle) entre dos funciones con cada clic en el elemento seleccionado. Con el clic inicial, se ejecuta la primera función. Con el siguiente clic, se ejecuta la segunda. Si se hace clic de nuevo, se vuelve a ejecutar la primera función y así sucesivamente.

$("p").toggle(function(){ 
    $(this).addClass("selected"); 
},function(){ 
    $(this).removeClass("selected"); 
});

Este método devuelve un objeto jQuery.

Este efecto de cambio también se aplica a la función de deslizamiento (consulte la sección Desplazar verticalmente, en este capítulo).

slideToggle(velocidad, función a la que se llama)

Esta función desplaza hacia abajo un elemento que está en estado "Up" y desplaza hacia arriba un elemento que está en estado "Down".

La animación solo modifica la altura. Desde la especificación jQuery 1.3, los márgenes verticales, externos e internos también ...