Cerrar ventana haciendo click en cualquier parte de la página

[NaRanJiTo78]

Hola!

Tengo el siguiente script, por el cual, una ventana se abre al hacer click en el icono, y se cierra al pulsar en el mismo icono:

Código HTML:

<li id="primero" class="selector"><a href="#"><img alt="" src="imagenes/iconos/perfilico.png"></a></li> 

Código:

  $(document).ready(function(){
$(".selector").click(function(){
    var id = $(this).attr("id");
    if ($("."+id).css("display") == "none")
        $("."+id).show();
    else
        $("."+id).hide();
});
});

Cúal es el código jQuery para que se cierre al hacer click en cualquier parte de la página? (No sólo en el icono)

Muchas gracias por adelantado!

[hackjose]

En vez de .selector pon body
y en vez de var id = $(this).attr();
pon var id = "id";

saludos

[codeams]

HTML & CSS:
Coloca un div llamado background o como quieras, el punto es que tenga position:fixed; y ocupe toda la pantalla y al hacer clic en este entonces ejecutas un evento que oculte la ventana.

Si no deseas que el background se aprecie entonces simplemente ponle un fondo transparente.

JQuery:

Código Javascript:

$("div:not(.selector)").click(function(){
     $('.selector').hide()
}) //No estoy seguro de que esto funcione y recomiendo más la opcion de CSS
 

[manuparquegiralda]

Yo lo he hecho con este cógigo:

Código Javascript:

$("html").click(function(){
     $("#div_a_cerrar").hide();
});
 

Esto lo que hace es que cada vez que pinches en cualquier parte de la página la ventana en cuestión se cierra. Pero ahora tendrás que añadir el siguiente código en la ventana que no quieres que se cierre al hcer click sobre ella. Por ejemplo, si cuando cliqueas en $("#div_a_cerrar) no quieres que se cierre la ventana, deberias tener un e.stopPropagation(); al hacer click sobre esa ventana.

Código Javascript:

$("#div_a_cerrar").click(function(e){
     e.stopPropagation();
});
 

De este modo en la función superior puedes añadir todas las ventanas que se cierren al hacer click fuera de ellas y el segundo en cada elemento que tienes marcado para que se cierre para evitar que se cierre al hacer click en el interior o no añadirlo si prefieres que se cierre igualmente al hacer click en su interior.

Bueno me explico fatal, tu pruebalo y mira como actua, es muy facil.