jQuery 实现点击div以外其他地方隐藏div

<p>
<a href="javascript:void(0)" class="a">按钮</a>
</p>
<div class="menu">
    <p>显示弹窗</p>
</div>

$(".a").on("click", function(e){
	if($(".menu").is(":hidden")){
    	$(".menu").show();
    }else{
    	$(".menu").hide();
    }

    $(document).one("click", function(){
        $(".menu").hide();
    });

    e.stopPropagation();
});
$(".menu").on("click", function(e){
    e.stopPropagation();
});