Lo siguiente muestra un link “Ver más” que abre un div oculto:
<script> // definiciones basicas OCULTO="none"; VISIBLE="block"; function mostrar(blo) { document.getElementById(blo).style.display=VISIBLE; document.getElementById('ver_off').style.display=VISIBLE; document.getElementById('ver_on').style.display=OCULTO; } function ocultar(blo) { document.getElementById(blo).style.display=OCULTO; document.getElementById('ver_off').style.display=OCULTO; document.getElementById('ver_on').style.display=VISIBLE; } </script>
Y el código HTML que lo utiliza:
<div id="ver_on"><a href="#" onclick="mostrar('bloque'); return false;">Ver más</a></div> <div id="ver_off" style="display: none"><a href="#" onclick="ocultar('bloque'); return false;">Ver menos</a></div> <div id="bloque" style="display: none">Texto a mostrar u ocultar</div>