Ver/Ocultar imagen o texto

Para lograr este efecto en nuestro blog debemos utilizar dos pasos. El primero es colocar sobre </head> el siguiente código:


<script language="javascript">

function toggle() {

var ele = document.getElementById("toggleText");

var text = document.getElementById("displayText");

if(ele.style.display == "block") {

ele.style.display = "none";

text.innerHTML = "Ver imágen";

}

else {

ele.style.display = "block";

text.innerHTML = "Ocultar imágen";

}

}

</script>


Si lo que vas a utilizar es un texto puedes cambiar la parte coloreada de rojo por lo que corresponde, aunque te sugeriría que utilizaras una frase genérica como ver y ocultar . Luego deberás utilizar en el sitio donde vas a colocar el texto o imágen este otro código:


<a href="javascript:toggle();" id="displayText">VER/OCULTAR</a>

<div id="toggleText" style="display: none;">AQUI_ COLOCAS_ EL_ TEXTO_ A_ MOSTRAR_ O_ UNA_ IMAGEN</div>



El ejemplo a continuación: Ver imágen/Ocultar imágen