freeCodeCamp/guide/spanish/jquery/jquery-effects-hide-method/index.md

title	localeTitle
jQuery Effects Hide Method	jQuery Effects Hide Method

jQuery Hide Method

En su forma más simple, .hide () oculta el elemento coincidente inmediatamente, sin animación. Por ejemplo:

$(".myclass").hide() 

Ocultará todos los elementos cuya clase sea myclass . Se puede usar cualquier selector de jQuery.

.hide () como método de animación

Gracias a sus opciones, .hide () puede animar el ancho, la altura y la opacidad de los elementos emparejados simultáneamente.

• La duración se puede proporcionar en milisegundos, o usando los literales lento (600 ms) y rápido (200ms). por ejemplo:

$("#myobject").hide(800) 

• Se puede especificar que una función se llame una vez que se complete la animación, una vez por cada elemento coincidente. Esta devolución de llamada es principalmente útil para encadenar diferentes animaciones. Por ejemplo

$("p").hide( "slow", function() { 
      $(".titles").hide("fast"); 
      alert("No more text!"); 
 }); 

• More options exist, please refer to the official website for further details.

.toggle() method

To show / hide elements you can use toggle() method. If element is hidden toggle() will show it and vice versa. Usage:

javascript $ (". myclass"). toggle () \`\` \`

### .slideDown () método

Este método anima la altura de los elementos emparejados. Esto hace que las partes inferiores de la página se deslicen hacia abajo, dando paso a los elementos revelados. Uso:

```javascript
$(".myclass").slideDown(); //will expand the element with the identifier myclass for 400 ms. 
 $(".myclass").slideDown(1000); //will expand the element with the identifier myclass for 1000 ms. 
 $(".myclass").slideDown("slow"); //will expand the element with the identifier myclass for 600 ms. 
 $(".myclass").slideDown("fast"); //will expand the element with the identifier myclass for 200 ms. 

Más información:

Método JQuery hide () en el sitio web oficial