Los últimos tutoriales de desarrollo web
 

jQuery Efectos - Ocultar y Mostrar


Ocultar, mostrar, Toggle, diapositivas, Fade, y la animación. ¡GUAUU!

Haga clic para mostrar el panel / ocultar

Porque el tiempo es valioso, ofrecemos un aprendizaje rápido y fácil.

En w3ii, se puede estudiar todo lo necesario para aprender, en un formato accesible y práctico.


Ejemplos

jQuery hide()
Demuestra un simple jQuery hide() método.

jQuery hide()
Otra hide() demostración. Cómo ocultar partes del texto.


jQuery hide() y show()

Con jQuery, puede ocultar y mostrar los elementos HTML con la hide() y show() métodos:

Ejemplo

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});
Inténtalo tú mismo "

Sintaxis:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

El parámetro de velocidad opcional especifica la velocidad de la Ocultación / muestra, y puede tomar los siguientes valores: "slow", "fast" , o milisegundos.

El parámetro callback opcional es una función a ejecutar después de la hide() o show() método se completa (aprenderá más sobre las funciones de devolución de llamada en un capítulo posterior).

El siguiente ejemplo demuestra el parámetro de velocidad con la hide() :

Ejemplo

$("button").click(function(){
    $("p").hide(1000);
});
Inténtalo tú mismo "

jQuery toggle()

Con jQuery, puede alternar entre la hide() y show() métodos con el toggle() método.

elementos que se muestran están ocultos y se muestran los elementos ocultos:

Ejemplo

$("button").click(function(){
    $("p").toggle();
});
Inténtalo tú mismo "

Sintaxis:

$(selector).toggle(speed,callback);

El parámetro de velocidad opcional puede tomar los siguientes valores: "slow", "fast" , o milisegundos.

El parámetro callback opcional es una función a ejecutar después toggle() completa.


Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4»


jQuery Referencia de efectos

Para una visión completa de todos los efectos jQuery, por favor vaya a nuestra jQuery Efecto de referencia .