Veamos como hacerlo...

Lo primero que vamos a hacer es crear una función, en este caso la llamaré mostrarocultar, dentro de la función le decimos que el div 'contenido_oculto' no se muestre, y el span 'texto' muestre la palabra Mostrar
- function mostrarocultar(){
- document.getElementById('contenido_oculto').style.display =
- (document.getElementById('contenido_oculto').style.display ==
- 'none') ? 'block' : 'none';
- document.getElementById('texto').innerHTML =
- (document.getElementById('texto').innerHTML==
- 'Mostrar')?'Ocultar':'Mostrar';
- };
Para que inicie la función con la cara de la página, agregamos el siguiente código.
- window.onload = function(){
- mostrarocultar();
- }
Y por último, creamos el enlace, donde daremos clic para mostrar/ocultar el contenido, y también el div donde pondremos el contenido.
- <p><a style='cursor: pointer;' onclick="mostrarocultar()"><span id="texto"></span></a></p>
- <div id="contenido_oculto">
- <p>Este contenido estaba oculto<br />Pulsa ocultar y desaparecerá</p>
- </div>
Y como siempre os comento, esto puede mejorar su aspecto con estilos css.
Os dejo esta muestra para que veáis como funciona.
Espero que haya sido útil.
Un saludo.