Puedo abrir div, pero cuando cierro div ya no puedo abrir que es lo que sucede xP

[raxper]

Buenas, estaba ahí y necesitaba hacer esto, pero no se por que al cerrar ya no me permite abrir, será por que al salir lo dejé en oculto el div(pero la función rxp sigue funcionando normal), ayuda please x), como es la mejor manera de cerrar un div

Código Javascript:

<script>
function rxp(opcion){document.getElementById('div').innerHTML = opcion.name;}
</script>
 
<script>function salir(){ div.style.display="none";}</script>
<a onclick="salir()">salir</a>
<a onclick="rxp(this)" name="http://forosdelweb.com">Foro</a>
 
<div id='div'></div>
 

[zerokilled]

lo que sucede es que el elemento esta oculto pero sigue estando presente en el documento, por ello no te genera error cuando pulas el enlace Foro. para volver a mostrarlo tienes que quitar el valor previamente asignado a la propiedad display o asignarle cualquier otro que no sea ocultar.

[_cronos2]

Por cierto, en la función salir(), ¿qué es div? ¿no será document.getElementById('div')?
Saludos (:

[raxper]

Bueno ya mejorado un poco, ya sabia que no se abría por que estaba oculto, pero quería saber como abrirlo (javascript), pero muchas gracias se los agradece ;)

Código Javascript:

<script>
function mostrar(tildar){document.getElementById('principal').innerHTML = tildar.name; opciones.style.display="block";}
function enseniar(a){if(a) document.getElementById('principal').style.display="none";
else
document.getElementById('principal').style.display="block";}
</script>
<a onclick="mostrar(this)" name="<embed src='http://www.xatech.com/web_gear/chat/chat.swf' quality='high' bgcolor='#000000' width='500' height='352' name='chat' flashvars='id=85881597&xc=2336&cn=12318818&gn=Raykimb.Com' align='middle' allowscriptaccess='sameDomain' type='application/x-shockwave-flash' />
">chat</a>
 
<table align="center" style="border:dashed red"><tr><td><div id='opciones' style="display:none"><a onclick=enseniar(1)>Minimizar</a><a onclick="enseniar(0)">Maximizar</a></div></td></tr></table>&#160;
<table align="center" style="border: dashed red"><tr><td>
<div id='principal'></div>
</td></tr></table>
 

Mejorado

Código Javascript:

<script>
function mostrar(tildar){document.getElementById('principal').innerHTML = tildar.name; uno.style.display="block"; dos.style.display="none";}
function unos(){ dos.style.display="block", uno.style.display="none", principal.style.display="none";}
function doss(){uno.style.display="block", dos.style.display="none", principal.style.display="block";}
 
</script>
<a onclick="mostrar(this)" name="<embed src='http://www.xatech.com/web_gear/chat/chat.swf' quality='high' bgcolor='#000000' width='500' height='352' name='chat' flashvars='id=85881597&xc=2336&cn=12318818&gn=Raykimb.Com' align='middle' allowscriptaccess='sameDomain' type='application/x-shockwave-flash' />
">chat</a>
&#160;
<table align="center" style="border:dashed red"><tr><td><div id='uno' style="display:none"><a onclick=unos()>Minimizar</a></div><div id='dos' style="display:none"><a onclick="doss()">Maximizar</a></div></td></tr></table>
<table align="center" style="border: dashed red"><tr><td>
<div id='principal'></div>
</td></tr></table>