Cita:
Iniciado por aortiz_endirecto
Gracias, pero no me funcionó, me da un error a la hora de clicar en el botón,
el código del botón es éste.
<a href="#" onclick="muestralo('paso02');return false" class="botonkro">MUCHO MÁS QUE ESTO</a></div>
Verás, al escribirlo "a pelo", en ocasiones se teclean cosas indebidas, pero siempre supongo que se controlan esos errorcillos
He visto que el nombre que puse mal, tu lo has corregido, pero había otro error, ya que en vez de cerrar la función con una llave lo hice con un paréntesis, y faltaba el carácter "?" en la condición... la implementación (aparte de esas cosillas) está bien.
Ejemplo funcionando:
Código:
<html>
<head>
<script>
function tag(id) {return document.getElementById(id);}
var pasos = ["paso01", "paso02", "paso03"];
function muestralo(capa) {
for (i = 0, total = pasos.length; i < total; i ++)
tag(pasos[i]).style.display = (pasos[i] == capa) ? "block" : "none";
}
</script>
</head>
<body>
<span id="paso01" > paso 1 </span>
<span id="paso02" > paso 2 </span>
<span id="paso03" > paso 3 </span>
<button type="button" onclick="muestralo('paso01')"> muestra 1 </button>
<button type="button" onclick="muestralo('paso02')"> muestra 2 </button>
<button type="button" onclick="muestralo('paso03')"> muestra 3 </button>
</body>
</html>
Saludos