JavaScript

Mostrar u ocultar un DIV

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>