problemas con Layers <div>

[RoggerElfo]

Holas..

tengo el siguiente codigo

Código:

<div id="Layer1" style="position:absolute; left:330px; top:480px; width:283px; height:397px; z-index:1; visibility: hidden; cursor:pointer; background:transparent;">
  <img name="vntlata" src="images/ticket.jpg" width="283" height="397" border="0" usemap="#Map">
    <map name="Map">
      <area shape="rect" coords="212,3,281,21" onMouseDown ="Layer1.style.visibility='hidden';" href="#">
    </map>
</div>

y la siguiente funcion en JS

Código:

function abrir_ventana()
	{
		Layer1.style.visibility='visible';	
	}

y un link .. que llama al JS

Código HTML:

<a href="javascript: abrir_ventana()" class="link">Ver ticket de ejemplo aqu&iacute;</a> 

lo que hace es mostrar y ocultar un div que dentro contiene una imagen ...

bueno esto funciona en IE7 pero en Mozilla y Safari no pasa naada O_o alguien conoce otra manera de hacer esto

[JavierB]

Hola RoggerElfo

Prueba poniéndolo así:

Código:

document.getElementById('Layer1').style.visibility='visible';

Saludos,

[GatorV]

Trasladado a JavaScript

[RoggerElfo]

Iniciado por JavierB

Hola RoggerElfo

Prueba poniéndolo así:

Código:

document.getElementById('Layer1').style.visibility='visible';

Saludos,

funciona pero ahora no se ocultaaa !

[RoggerElfo]

ok ya salio gracias !!