Efectos jQuery - Ocultar y mostrar
Ocultar, mostrar, alternar, deslizar, desvanecer y animar. ¡GUAU!
Haga clic para mostrar/ocultar el panel
Debido a que el tiempo es valioso, brindamos un aprendizaje rápido y fácil.
En W3Schools puedes estudiar todo lo que necesitas aprender, en un formato accesible y manejable.
Ejemplos
Demuestra un método jQuery hide() simple.
Otra demostración de hide(). Cómo ocultar partes del texto.
jQuery ocultar() y mostrar()
Con jQuery, puede ocultar y mostrar elementos HTML con los métodos hide()y :show()
Ejemplo
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Sintaxis:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
El parámetro de velocidad opcional especifica la velocidad de ocultar/mostrar y puede tomar los siguientes valores: "lento", "rápido" o milisegundos.
El parámetro de devolución de llamada opcional es una función que se ejecutará después de que se complete el método hide()o show()(obtendrá más información sobre las funciones de devolución de llamada en un capítulo posterior).
El siguiente ejemplo demuestra el parámetro de velocidad con hide():
Ejemplo
$("button").click(function(){
$("p").hide(1000);
});
alternar jQuery()
También puede alternar entre ocultar y mostrar un elemento con el toggle()método.
Los elementos mostrados están ocultos y los elementos ocultos se muestran:
Ejemplo
$("button").click(function(){
$("p").toggle();
});
Sintaxis:
$(selector).toggle(speed,callback);
El parámetro de velocidad opcional puede tomar los siguientes valores: "lento", "rápido" o milisegundos.
El parámetro de devolución de llamada opcional es una función que se ejecutará después de que se
toggle()complete.
Ejercicios de jQuery
Referencia de efectos de jQuery
Para obtener una descripción general completa de todos los efectos de jQuery, vaya a nuestra Referencia de efectos de jQuery .