Método toggle() de efectos jQuery
Ejemplo
Cambiar el estado de visibilidad del elemento <p>:
$(".btn1").click(function(){
$("p").hide();
});
Definición y uso
El método toggle() cambia el estado de visibilidad de los elementos seleccionados.
Si los elementos seleccionados son visibles, se ocultarán; si están ocultos, se mostrarán.
Sintaxis
$(selector).toggle(speed,callback,switch)
| Parámetros | Descripción |
|---|---|
| speed |
Opcional. Define la velocidad de cambio de un elemento visible a oculto (o viceversa). El valor predeterminado es "0". Valores posibles:
En el proceso de cambio de un elemento visible a oculto a una velocidad determinada, se modificarán gradualmente su altura, anchura, márgenes exteriores, márgenes interiores y transparencia. Si se establece este parámetro, no se puede utilizar el parámetro switch. |
| callback |
Opcional. Función a ejecutar después de que se ejecute la función toggle. Para obtener más información sobre callback, visite nuestro capítulo sobre jQuery Callback. Este parámetro no se puede establecer a menos que se establezca el parámetro speed. |
| switch |
Opcional. Valor booleano. Define si toggle oculta o muestra todos los elementos seleccionados.
Si se establece este parámetro, no se pueden utilizar los parámetros speed y callback. |
Consejos y notas
Notas:Este efecto se aplica a los elementos ocultados por jQuery o a los elementos declarados con display:none en CSS (pero no a los elementos con visibility:hidden).
Más ejemplos
- Utilizar el parámetro speed
- Ocultar y mostrar elementos utilizando el parámetro speed.
- Utilizar el parámetro switch
- Mostrar todos los párrafos ocultos utilizando el parámetro switch.
