Cerrar un div con un click afuera (JQuery)

[rnld55u]

Hola, tengo un login con jquery y js, (en el enlace onclick="open_login_box()" class="enlace", haciendo click en este abre el login_box y le da una class "here" al enlace, pero solo haciendo click en es mismo enlace remueve la class "here" y cierra el login_box)

Código:

// Login box
function open_login_box(action){
	if($('#login_box').css('display') == 'block' && action!='open')
		close_login_box();
	else{
		$('.enlace').addClass('here'); 
		$('#login_box').fadeIn('fast');	}}


function close_login_box(){
		$('.enlace').removeClass('here');
		$('#login_box').fadeOut('slow');}

Quisiera que haciendo un click fuera del "login_box" este se cierre. Probè con este còdigo:

Código:

$(document).mouseup(function(e) {  
		$('.enlace').removeClass('here');
		close_login_box();
	});

Pero haciendo click incluso en el mismo div "login_box" se cierra. Tambièn probè incluyendo un onblur="close_login_box()" dentro del div del login_box pero no obtuve resultados.
Alguna solucion? Muchas gracias!

[Bam_Margera]

Iniciado por rnld55u

Hola, tengo un login con jquery y js, (en el enlace onclick="open_login_box()" class="enlace", haciendo click en este abre el login_box y le da una class "here" al enlace, pero solo haciendo click en es mismo enlace remueve la class "here" y cierra el login_box)

Código:

// Login box
function open_login_box(action){
	if($('#login_box').css('display') == 'block' && action!='open')
		close_login_box();
	else{
		$('.enlace').addClass('here'); 
		$('#login_box').fadeIn('fast');	}}


function close_login_box(){
		$('.enlace').removeClass('here');
		$('#login_box').fadeOut('slow');}

Quisiera que haciendo un click fuera del "login_box" este se cierre. Probè con este còdigo:

Código:

$(document).mouseup(function(e) {  
		$('.enlace').removeClass('here');
		close_login_box();
	});

Pero haciendo click incluso en el mismo div "login_box" se cierra. Tambièn probè incluyendo un onblur="close_login_box()" dentro del div del login_box pero no obtuve resultados.
Alguna solucion? Muchas gracias!

Claro porque allí no le dices dónde.. solo si se pulsa (bueno, si se suelta) el ratón; yo no se como hacerlo, pero tienes que averiguar cómo saber dónde se ha pulsado el ratón y comparar.. no?

[Sourcegeek]

Dices que haciendo fuera del div #login-box?
Se me ocurre que cambies el onclick de cada enlace, dejandolo asi;
<a href="pagina.php" name="nombre">Ejemplo</a>
Despues, se hace lo demas con jQuery;

Código Javascript:

$(document).ready(function() {
    $('[name=nombre]').click(open_login_box);
    $('body').click(close_login_box);
}
 

Eso es lo que se me ocurre..