Hola que tal; mira este el el codigo como le he montado
Código Javascript
:
Ver original<html>
<head>
<style>
#hide {
background:url(images/hide.png);
height:19px;
text-decoration:none;
width:19px;
}
#show {
background:url(images/show.png);
height:19px;
text-decoration:none;
width:19px;
}
</style>
<script>
function mostrar(enla) {
obj = document.getElementById('oculto');
obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
enla.innerHTML = (enla.innerHTML == '<div id="hide"></div>') ? '<div id="show"></div>' : '<div id="hide"></div>';
}
</script>
</head>
<body>
<a href="#" onClick="mostrar(this); return false" /><div id="show"></div></a>
<div id="oculto" style="display:none">Texto oculto</div>
</body>
</html>
Y aqui la pagina del ejemplo
http://psy-tribe.co.cc/demo.php, el script funciona bien en
Firefox y
Chrome, pero el problema esta en
IE y
opera, cuando abro la pagina y le doy click a la imagen se cambia bien el boton pero descuel de que lo quiero ocultar el texto le doy al boton pero no se cambia el boton pero si se oculta el texto
Esto como lo puedo solucionar???
Saludos y gracias de antemano