Tú sabrás lo que buscas, pero creo que ese artículo no responde a lo que has pedido.
Echa un vistazo a
esta web para ver cómo lo hago yo. Primero, metes este código javascript
:
Código:
<script>
<!--
function desplegar(menu)
{
obj = document.getElementById(menu);
if( obj.style.display != '' ) obj.style.display='';
else obj.style.display='none';
}
-->
</script>
Luego, al elemento que habrá que pulsar para desplegar los comentarios, le pongo ONCLICK:
Código:
<p style="cursor: pointer;" onclick="desplegar('comentarios');">Ver comentarios</p>
Fíjate en que las instrucciones son "al hacer click, despliega el elemento que se llame
comentarios".
Ahora los comentarios los meto dentro de una capa de nombre "comentarios", con el atributo "display: none".
Código:
<div id="comentarios" style="display: none">
(...)
</div>
De esta manera, al cargar el documento no se mostrará lo que se encuentre dentro de la capa "comentarios", al tener el atributo "display: none". Cuando pulsemos sobre el texto "ver comentarios", éste ejecutará la función javascript de nombre "desplegar" sobre la capa "comentarios", quitando el atributo "display: none", y al volver a pulsar volverá a ponérselo.
Como puedes comprobar en el documento que te he enlazado, la experiencia para el usuario es comodísima.
