Ver/Ocultar imagenes o texto

Para implementar este truco en nuestro blog o página web, sólo tenemos que 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";

}

else {

ele.style.display = "block";

text.innerHTML = "Ocultar";

}

}

</script>

Si por el contrario, lo que vas a utilizar es texto entonces debes cambia donde dice ver imágen/ocultar imágen por lo que corresponda. Y para finalizar debemos colocar en el sitio donde queramos presentar el efecto éste 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>

De seguidas este  ejemplo:

Ver texto/Ocultar texto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien odio, faucibus dictum mattis in, auctor in odio. Aenean sit amet diam eu nibh euismod tristique. In quis erat est, eget facilisis tellus. Suspendisse potenti. Integer sit amet leo nec nisi faucibus laoreet ut et quam. Suspendisse potenti. Suspendisse potenti. Integer mollis, urna in ullamcorper accumsan.