Buenas!! eso es muy fácil de lograr solo hace falta un código javascript y un div :D
El funcionamiento es el siguiente: creas un div donde pones lo que quieres mostrar u ocultar apretando un link y le das el atributo visibility:hidden para que esté oculto desde el principio y luego creas un link que llame a una función javascript para cambiar el hidden a visible...
DIV:
<div id="oculto" style="visibility:hidden">
Código javascript (poner en el header de la página):
<script type="text/javascript">
function ver_div(id){
document.getElementById(id).style.visibility=(docu ment.getElementById(id).style.visibility=="hidden" ?"visible":"hidden");
}
</script>
LINK:
<a href="javascript
:ver_div('oculto')">en código de la imagen aqui</a>
Para mostrar u ocultar otro div lo unico que tienes que hacer es cambiar donde dice "oculto" en el link y el div...
por ej:
<div id="hola" style="visibility:hidden">
<a href="javascript
:ver_div('hola')">en código de la imagen aqui</a>
espero que te sirva :)