Cambiar texto en un div

[neofilo]

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.

[David]

Prueba así:

Código Javascript:

function verocultar(cual) {
    var c=cual.nextSibling;
    if(c.style.display=='none') {
        c.style.display='block';
        cual.innerHTML = "Contraer";
    } else {
        c.style.display='none';
        cual.innerHTML = "Desplegar";
    }
    return false;
 }
 

[neofilo]

Muchas gracias, lo estoy probando y si que despliega y contrae pero no cambia el texto del div.

[neofilo]

Miento, si que funciona, no habia actualizado con los cambios.

Pregunta, es muy complicado que evalue variables con este codigo?

me explico, cada div tiene un ID diferente dependiendo de ese div el texto será diferente.

Ej:

Div 1: Desplegar Texto 1
Div 2: Desplegar Texto 2
Div 3: Desplegar Texto 3


imagino que seria algo como a cada variable asignarle un texto pero como pregunto por el nombre del div?

[David]

Lo más sencillo sería que agregues un parámetro a la función con el cual puedas especificar cuál es el texto que hay que poner en los enlaces.

De otra forma, también puedes recorrer el DOM (usar parentNode por ejemplo) para obtener información del div.

[neofilo]

no sabria como hacer lo que dices de agregarle a la funcion esa opción.

[David]

Puedes mostrar al menos qué has intentado y así te indicaremos dónde está mal.