Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/04/2013, 05:30
neofilo
 
Fecha de Ingreso: abril-2012
Ubicación: Madrid (España)
Mensajes: 162
Antigüedad: 12 años, 10 meses
Puntos: 5
Cambiar texto en un div

Tengo este codigo.

Código:
<script type='text/JavaScript'>
     function verocultar(cual) {
          var c=cual.nextSibling;
          if(c.style.display=='none') {
               c.style.display='block';
          } else {
               c.style.display='none';	  
          }
          return false;
     }
	 

</script>

<div align="center" id="link">
<a onClick="return verocultar(this);" href="javascript:void(0);">Desplegar Texto Oculto</a>
<div style="display: none;" align="justify">
<h3>....Aqui el texto Oculto...</h3>
</div>
en el cual el id llamado "link" Tiene el texto "Desplegar Texto Oculto" y quiero que cada vez que el texto oculto salga, Cambie el texto de ese mismo div por "Ocultar Texto Oculto".

Por si no me he explicado bien: EJ:

Antes de Pulsarlo:

Desplegar Texto Oculto

Despues de Pulsarlo:

Ocultar Texto Oculto
....Aqui el texto Oculto...

le estoy dando mil vueltas y de momento lo mas parecido que he conseguido es esto.

Código:
<script type='text/JavaScript'>
     function verocultar(cual) {
          var c=cual.nextSibling;
          if(c.style.display=='none') {
               c.style.display='block';
			   document.getElementById('link').innerHTML = "<a onClick='return verocultar(this);' href='javascript:void(0);'>Contraer</a>";
          } else {
               c.style.display='none';
			   document.getElementById('link').innerHTML = "<a onClick='return verocultar(this);' href='javascript:void(0);'>Desplegar</a>";
          }
          return false;
     }
	 

</script>
El problema es que si pongo eso el texto oculto no se muestra, no se como continuar.