Hola chicos, que tal.
A ver si me podéis echar una mano.
Estoy usando este código:
Código:
<script>
function mostrar(enla) {
obj = document.getElementById('oculto');
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
enla.innerHTML = (enla.innerHTML == '<img src="/enlaces/imagenes/mostrar.png" />') ? '<img src="/enlaces/imagenes/mostrar.png" />' : '<img src="/enlaces/imagenes/ocultar.png" />';
}
</script>
Mostrar listado <a href="#" onclick="mostrar(this); return false" /><img src="/enlaces/imagenes/mostrar.png" /></a>
<div id="oculto" style="visibility:hidden">
LALALA
</div>
El resultado que tengo con esta modificación que he intentado hacer es que de inicio se muestra el botón MOSTRAR.PNG, al pulsarlo se muestra el texto y el botón se convierte en OCULTAR.PNG.
Hasta ahí va bien, el caso es que al darle al botón OCULTAR.PNG, se oculta el listado pero se sigue viendo el botón OCULTAR.PNG y no se muestra como al inicio el botón MOSTRAR.PNG, que es lo que quiero, jeje.
Alguna idea? Gracias de antemano :)