Скрыть div по щелчку jquery

Question

У меня проблема с моим скриптом. Чтобы показать div, вам нужно нажать на ссылку. Но чтобы скрыть это, вы можете щелкнуть в любом месте вне div. Как я могу сделать этот div закрытым только после нажатия на ссылку?

http://jsfiddle.net/N4pbP/

$(function() { 
    $('#hidden').hide().click(function(e) { 
    e.stopPropagation(); 
    });  
    $("a").click(function(e) { 
    $('#hidden').animate({ opacity: "toggle" }); 

    e.stopPropagation(); 
    }); 
    $(document).click(function() { 
    $('#hidden').fadeOut(); 
    }); 
}); 

Answer 1

попробовать с .blur(), как это:

$("a").blur(function(e) { 
    $('#hidden').fadeOut(); 
    }); 

DEMO

Answer 2

Я много о JQuery не знаю, но я изменил код на последней функции:

$document.getElementById('test').click(function() { 
    $('#hidden').fadeOut(); 
    }); 

И это сработало

Fiddle:. http://jsfiddle.net/N4pbP/3/