js 实现点击页面其他地方隐藏菜单或其他元素？

<div>
  <a href="javascript:void(0)" class="a">菜单按钮</a>
</div>
<div class="menu" style="display: none">
    <a href="http://www.baidu.com">百度</a>
</div>
<script type="text/javascript">
 $(".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();
});
</script>