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.