html单机显示div,单击外部时单击并隐藏显示div

我试图在点击一个链接后显示#subscribe-pop div,并在点击它之外的任何地方时隐藏它.如果我改变:我可以让它显示和隐藏:

$('document').click(function() {

至

$('#SomeOtherRandomDiv').click(function() {

HTML:

Click here to show div

my content

脚本:

function toggle_visibility(id) {

var e = document.getElementById("subscribe-pop");

if(e.style.display == 'block')

e.style.display = 'none';

else

e.style.display = 'block';

}

}

$('document').click(function() {

$('#subscribe-pop').hide(); //Hide the menus if visible

});

$('#subscribe-pop').click(function(e){

e.stopPropagation();

});