Ocultar DIV al hacer clic fuera

[iBioHacker]

Hola el siguiente codigo oculta un div al hacer clic fuera usando .bur(), el problema es que la capa desaparece antes de poder hacer clic en alguno de los enlaces. Como podria solucionar esto. Nota: Estoy usando jQuery

El siguiente codigo oculta la capa "toolbar-menu" al quitar el foco del enlace que la abrio e intercambia la clase del enlace para mostrarlo activo o inactivo

Código HTML:

<a href="#" id="toolbar-bullet" onclick="showMenuUser">Flechita</a>

<div id="toolbar-menu" style="display:none;">
<ul>
<li><a href="#">Editar</a></li>
<li><a href="cerrar.html">Cerrar</a></li>
</ul>
</div> 

Funcion Toogle

Código:

		function showMenuUser(){
			var x=$('#toolbar-menu');
			 var y=$('#toolbar-bullet');

			if(x.css('display')=='block'){ 
				x.hide(0); 
				y.attr('class','toolbar-options');
			}else{
				x.show(0); 
				y.attr('class','toolbar-options-active');
			}
		}

Punto de entrada

Código:

$(document).ready(function(e) {
	var x=$('#toolbar-menu');
	var y=$('#toolbar-bullet');

	y.blur(function(){
		x.hide(0); 
		y.attr('class','toolbar-options');
      });


});

Espero y puedan ayudarme, saludos desde México