Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/07/2011, 07:51
Avatar de reborn
reborn
 
Fecha de Ingreso: febrero-2010
Mensajes: 440
Antigüedad: 14 años, 2 meses
Puntos: 1
Ocultar div al hacer click fuera del mismo.

Buenas.

Quiero cerrar un div al hacer click fuera pero tambien al hacer click en el mismo elemento q lo abrio.

Es decir, tengo un enlace q abre un div:

Código HTML:
<script type="text/javascript">
$(document).ready(function() {

$("#click-a").click(function () {
  $("#open_avisos").show(0);
});


});
</script>

<a id="click-a" href="#">Avisos</a> 

<span id="open_avisos" style="display:none; position:absolute; width:200px; height:100px; background: #666"> </span> 

...entonces al hacer click en el enlace "Avisos" se abre el span con id open_avisos.
Hasta ahi todo bien.

Luego si quiero cerrarlo, agrego algo como esto:
Código HTML:

$("#click-a").blur(function () {
  $("#open_avisos").hide(0);
});

...pero yo quiero ocultarlo con blur y tambien con click en el mismo enlace "Avisos" y eso es q lo q no me sale.

Alguna orientacion?

Gracias.