Saltar a Comentarios

Lunes, Octubre 1st, 2012

Ocultar y mostrar elementos con jquery

En jquery, cuando intentamos ocultar y hacer aparecer elementos de nuestro html con un click, a veces caemos en el error de crear una función que haga un $().hide(), y a través de una variable global detectar que nuestro elemento está oculto y hacer un $().show().
jquery nos proporciona un método para realizar este gesto en una sola función:

$().slideToggle()

slideToggle nos permite realizar nuestro ocultar/mostrar definiendo nuestro gesto en un solo click:

<a onclick="$('#div_mostrar_ocultar').slideToggle()">
      Mostrar/Ocultar
</a>
<div id="div_mostrar_ocultar">Mostrado</div>

Link | slideToggle


Entradas Relacionadas

Comentarios Cerrados.