jquery实现点击显示div，再次点击,或者点击div以外的区域隐藏div

可以使用以下代码实现：

HTML部分：

<div id="myDiv">这是要显示和隐藏的内容</div>
<button id="myButton">点击我显示/隐藏</button>

jQuery部分：

$(document).ready(function(){
    $("#myButton").click(function(){
        $("#myDiv").toggle();
    });
    
    $(document).click(function(event){
        if(!$(event.target).closest("#myButton").length && !$(event.target).closest("#myDiv").length){
            $("#myDiv").hide();
        }
    });
});

这段代码会在页面加载完成后，为按钮绑定一个点击事件，点击按钮时会显示或隐藏指定的div。同时，还会为整个文档绑定一个点击事件，当点击文档中除按钮和div以外的区域时，会隐藏div。