jquery实现点击显示div，再次点击隐藏div

可以使用以下代码实现：

HTML部分：

<div id="myDiv">这是一个div</div>
<button id="myButton">点击我</button>

jQuery部分：

$(document).ready(function(){
$("#myButton").click(function(){
$("#myDiv").toggle();
});
});

这段代码会在页面加载完成后执行，当点击按钮时，会切换div的显示和隐藏状态。

相关问题

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。

jquery实现点击div层外，隐藏div

可以使用jQuery的事件绑定和事件冒泡机制来实现点击div层外隐藏div的效果。具体实现步骤如下：

1. 给整个页面绑定一个点击事件，当点击页面时触发事件。

2. 在事件处理程序中判断点击的区域是否是目标div层或其内部元素，如果不是，则隐藏目标div层。

代码实现如下：

$(document).click(function(event) {
  var target = $(event.target); // 获取点击的元素
  if (!target.is('#targetDiv') && !target.parents().is('#targetDiv')) {
    $('#targetDiv').hide(); // 如果点击区域不是目标div层或其内部元素，则隐藏目标div层
  }
});

其中，`event.target`表示触发事件的元素，`target.is('#targetDiv')`表示点击的元素是否是目标div层，`target.parents().is('#targetDiv')`表示点击的元素是否在目标div层内部。如果两者都不满足，则隐藏目标div层。