Hola, estoy haciendo los ejercicios del libro de javascript de librosweb.es y me surgio un problema aparte, viendo el tema de los span y como mostrar u ocultar texto, me puse a ver como podia hacer para que con una misma funcion mostrar u ocultar el texto de varios "enlaces", no se si se entiende, aca les dejo el codigo que esta en el manual de javascript.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 12 - DOM básico y atributos XHTML</title>
<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
<script type="text/javascript">
function muestra() {
var elemento = document.getElementById("adicional");
elemento.className = "visible";
var enlace = document.getElementById("enlace");
enlace.className = "oculto";
}
</script>
</head>
<body>
<p id="texto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
mattis enim vitae orci. Phasellus libero. Maecenas nisl arcu, consequat congue,
commodo nec, commodo ultricies, turpis. Quisque sapien nunc, posuere vitae,
rutrum et, luctus at, pede. Pellentesque massa ante, ornare id, aliquam vitae,
ultrices porttitor, pede. <span id="adicional" class="oculto">Nullam sit amet
nisl elementum elit convallis malesuada. Phasellus magna sem, semper quis,
faucibus ut, rhoncus non, mi. Duis pellentesque, felis eu adipiscing
ullamcorper, odio urna consequat arcu, at posuere ante quam non dolor. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Duis scelerisque. Donec
lacus neque, vehicula in, eleifend vitae, venenatis ac, felis. Donec arcu. Nam
sed tortor nec ipsum aliquam ullamcorper. Duis accumsan metus eu urna. Aenean
vitae enim. Integer lacus. Vestibulum venenatis erat eu odio. Praesent id
metus.</span></p>
<a id="enlace" href="#" onclick="muestra(); return false;">Seguir leyendo</a>
Introducción a JavaScript Capítulo 11. Ejercicios resueltos
www.librosweb.es 130
</body>
</html> con este codigo, cuando hago click en "Seguir leyendo" me muestra el contenido oculto, lo que yo quiero hacer es algo asi como que en el costado izquierdo, mostrar unos "enlaces" (donde estaria el "Seguir Leyendo") y en el medio, mostrar el contenido oculto.
Pense en hacer que la funcion reciba un valor (int) y que dependiendo de eso, abra el texto de ese int, pero no me funciona (Seguro lo codifique mal).
¿Alguien me puede dar una mano?
Desde ya muchas gracias.!