
Ocultación de texto
JavaScript
10.405 visualizaciones desde el 28 de Febrero del 2003
Código que muestra y oculta un texto cuando se hace click en un enlace.
<html>
<head>
<style type="text/css">
body {background:white}
.expandible{color:blue; cursor:hand}
.expandido{color:black; font-size:"12pt"}
.contraido{display:none}
</style>
<script language="JavaScript">
function perfilador()
{
var hijo = document.all[event.srcElement.getAttribute("hijo",false)];
if(null != hijo)
hijo.className = hijo.className == "contraido" ? "expandido" : "contraido";
}
</script>
</head>
<body OnClick="perfilador();">
<h1 class="expandible" hijo="info">
Pulse aquí para obtener más información.
</h1>
<div id="info" class="contraido">
Inicialmente no se muestra este contenido.<br> Al pulsaren la cabecera de más arriba lo muestra.
</div>
</body>
</html>
Comentarios sobre la versión: Versión 1 (7)
pero sirve caleta