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