[TUTORIAL] Ocultar y mostrar DIV con jQuery

Hola!

Bueno, estos días no me ando conectando casi nada, lo sé... aún así veo que todos se siguen ayudando (como debe ser) y no importa mi ausencia [:p]

Os traigo este mini tutorial de jQuery con el que podremos ocultar y mostrar divs sin tener que recargar la página y con un efecto mejor que con un simple mostrar/ocultar de javascript [:)]

Tenéis un ejemplo aquí: http://doodleo.webuda.com

Primero, tenemos que subir el archivo que tenemos en esta página: http://doodleo.webuda.com/jquery-1.3.min.js (lo copiais y subís el vuestro, que ese alomejor se borra)
Ahora, lo llamaremos en el head de nuestra página de esta manera:
<script language="javascript" src="jquery-1.3.min.js"></script>

Perfecto, ahora crearemos este enlace con el que podremos ocultar un div llamado capa y que después podremos ocultar :D
<div id="[I][B]capa[/B][/I]">Al hacer click en el enlace de abajo... este div desaparecerá!</div>
<a href="javascript:$('#[I][B]capa[/B][/I]').fade[B]Out[/B]('slow');">Ocultar el div</a>

Y ahora crearemos otro enlace para poder mostrar de nuevo el div [:D]
<a href="javascript:$('#[I][B]capa[/B][/I]').fade[B]In[/B]('slow');">Mostrar de nuevo el div</a>

Si os fijáis, para ocultar el div usamos fadeOut y para mostrarlo de nuevo usamos fadeIn, pero podríamos usar hide() para ocultarlo y show() para mostrarlo.

Bueno, espero que os haya gustado ^^