JQ 点击按钮显示内容点击任何地方隐藏内容代码怎么实现。

JQ 点击按钮显示DIV元素上的内容，点击任何地方就会隐藏DIV元素上的内容的代码要怎样实现。

$(document).click(function(){
$('span').show()
})
$('button').click(function(){
//阻止冒泡
event.stopPropagation();
$('span').hide();
})

小例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

点击空白处关闭弹出层
#box{width:300px;height:200px;border:1px solid #000;display:none;} .btn{color:red;} $(function(){ $(".btn").click(function(event){ var e=window.event || event; if(e.stopPropagation){ e.stopPropagation(); }else{ e.cancelBubble = true; } $("#box").show(); }); $("#box").click(function(event){ var e=window.event || event; if(e.stopPropagation){ e.stopPropagation(); }else{ e.cancelBubble = true; } }); document.onclick = function(){ $("#box").hide(); }; })

点击此处打开弹出层

JQ 点击按钮显示内容 点击任何地方隐藏内容 代码怎么实现。

JQ 点击按钮显示内容点击任何地方隐藏内容代码怎么实现。