El código que os presento a continuación es especialmente útil para no tener una página demasiado sobre cargada de texto, pulsando un enlace aparece y desaparece el texto deseado.
En ocasiones tenemos que crear una página que lleva mucho texto, y cuando el usuario abre dicha página, lo primero es abandonarla, para casos así, lo deseable seria mostrar cda grupo de contenido por separado, y pulsando ese enlace, sin recargar página el texto aparece, cuando se vuelve a pulsar el texto desaparece.
Esta aplicación es especialmente útil en las páginas de ayuda, en las que el usuario tiene una duda concreta y no necesita leer todo el texto.
En este caso la capa que se contiene el texto de interés que mostraremos u ocultaremos se llama cp_oculta. Sin más, os dejo este código que os será, sin duda, muy útil.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Aparece y desaparece un texto cuando se pulsa un enlace.</title>
<!--
Codigo presentado por
www.uterra.com
-->
<script languaje="Javascript">
<!--
document.write('<style type="text/css">div.cp_oculta{display: none;}</style>');
function MostrarOcultar(capa,enlace)
{
if (document.getElementById)
{
var aux = document.getElementById(capa).style;
aux.display = aux.display? "":"block";
}
}
//-->
</script>
</head>
<body>
<p><a class="texto" href="javascript:MostrarOcultar('texto1');">
¿Como podemos describir el lenguaje HTML?</a></p>
<div class="cp_oculta" id="texto1">
<p>El lenguaje HTML es el lenguaje más elemental de una página Web, sin él,
la Web, como lo conocemos hoy, no existiría. El dominio del lenguaje HTML
es esencial para emprender cualquier tipo de proyecto Web.</p>
<p>El código HTML se interpreta y ejecuta en el navegador. </p>
</div>
<p><a class="texto" href="javascript:MostrarOcultar('texto2');">
¿Como definir un lenguaje de programación como PHP?</a></p>
<div class="cp_oculta" id="texto2">
<p>Para que una Web permita un alto grado de interactividad con sus usuarios
es preciso usar un lenguaje de alto nivel, como por ejemplo, PHP. Gracias a PHP
podremos crear foros, redes sociales, y cualquier aplicación imaginable. PHP no
se ejecuta en el navegador, sino en el servidor. </p>
<p>Aprender a programar en PHP lleva tiempo, pero merece la pena.</p>
</div>
<p><a class="texto" href="javascript:MostrarOcultar('texto3');">
¿Para que sirven las bases de datos?</a></p>
<div class="cp_oculta" id="texto3">
<p>Las bases de datos permiten guardar la información de manera organizada y
acceder a ella en cualquier momento. Para poder usar una base de datos en
nuestra Web precisamos de un lenguaje de alto nivel como PHP. Las bases de
datos nos permiten cosas que hacemos cada momento, como identificarnos en
nuestra red social favorita.</p>
</div>
</body>
</html>