在一个div中单击关闭到她的div

，可以通过以下步骤实现：

首先，在HTML中创建两个div元素，一个作为主div，另一个作为子div，例如：

<div id="mainDiv">
  <div id="childDiv">
    <!-- 子div的内容 -->
  </div>
</div>

接下来，在CSS中设置子div的样式为隐藏，通过display属性实现，例如：

#childDiv {
  display: none;
}

然后，在JavaScript中添加事件监听器，当主div被点击时，切换子div的显示状态，例如：

document.getElementById("mainDiv").addEventListener("click", function() {
  var childDiv = document.getElementById("childDiv");
  if (childDiv.style.display === "none") {
    childDiv.style.display = "block";
  } else {
    childDiv.style.display = "none";
  }
});

这样，当点击主div时，子div的显示状态会切换，实现了在一个div中单击关闭到她的div的效果。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法给出具体的推荐产品和链接。但腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算产品和解决方案，可以根据具体需求在腾讯云官网上查找相关产品和文档。

页面内容是否对你有帮助？

有帮助

没帮助

在一个div中单击关闭到她的div

javascript、angularjs

hide-red="HideRed()" class="loginBox" ng-show="userRed"></div> <div ng-controller="BlueCtrlhide-blue="HideBlue()" class="loginBoxBlue" ng-show="userBlue"><

浏览 5提问于2017-02-28得票数 0

回答已采纳

1回答

在div内单击按钮时关闭div

javascript、jquery

我有一个div，当有人点击另一个页面上的缩略图时，它会从另一个页面加载信息。目前，当用户点击缩略图时，页面顶部的div #dynamic将加载并显示来自另一个页面的信息。我希望能够允许用户单击关闭按钮，我已经为他们提供了一个类button_close来关闭div，而不是单击其中的任何位置。该按钮也显示在#dy

浏览 2提问于2017-05-30得票数 0

4回答

在div区域外单击时关闭div。

jquery

我有这个代码，我正试图关闭div，当我在Div外点击时，我搜索了这个论坛，但是找不到解决方案-Here是一个小提琴- 。

浏览 0提问于2016-03-08得票数 5

回答已采纳

2回答

单击div内的按钮关闭div。

javascript、html、iframe

我想关闭主div，点击关闭按钮，在该div内。我需要用什么JavaScript代码来实现它呢？("newpost"); div.style.display = "none";else {}</scr

浏览 4提问于2015-09-03得票数 0

回答已采纳

2回答

单击不使用jQuery的事件

javascript、jquery、html、css

我正在使用jQuery为我的下拉模式之一附加一个点击处理程序。我使用相同的语法来打开这个模型，它工作得很好。但是当我想关闭模式时，点击似乎不起作用。 <div class="modal-content"> <div clas

浏览 0提问于2018-03-12得票数 0

回答已采纳

3回答

如何在div中关闭和隐藏单击关闭div？

javascript、jquery、css、html、show-hide

基本上，我的代码是用户单击一个链接，然后出现一个div。用户必须单击相同的链接才能使该div消失。我有八个div。我如何设置它，以便您可以单击div中的另一个链接来关闭它，而不是单击您用来打开它的链接？我的代码如下。请忽略显示语法错误的行。代码仍然有效，

浏览 1提问于2012-09-11得票数 2

回答已采纳

2回答

如何通过在创建的div外部单击来关闭它？

javascript、html、web

我有一个在按下的按钮上创建的div，我试图通过在其外部单击来删除它，但它将原始的按钮按下视为在外部单击，并立即关闭该div。document.addEventListener("click", (evt) => { const maindiv = document.getElementById('div3

浏览 0提问于2020-03-08得票数 0

2回答

用按钮切换div，当单击div外部时隐藏div。

jquery

我有一个菜单，我正试着用一个按钮来切换(我可以很容易地退出)。但我也想在点击菜单的时候隐藏它，在谷歌上搜索了很多之后，我发现了这个解决方案。它工作得很好，也就是说，如果你点击div外部，它就会隐藏它。但是现在我不能用切换按钮切换div了。 $(this).siblings('div').toggle(); $(document).mouseup(f

浏览 2提问于2017-11-13得票数 2

回答已采纳

3回答

在div及其按钮之外单击时关闭div

javascript、jquery、html

我有一个由按钮控制(显示/隐藏)的div(目标)。当按钮被触发时，div将显示出来。当我在除按钮或div(目标)之外的任何地方单击时。div(目标)应该被隐藏起来。我用event.stopPropagation();试过了，但没有找到结果<div class="applicationTrigger appbtn"> <i class="so-ico

浏览 24提问于2019-07-16得票数 1

回答已采纳

3回答

单击div上的关闭按钮，同时触发div单击()

javascript、jquery、jquery-ui

我在DIV中有一个close按钮，DIV和close按钮上都附加了click()事件。当我单击close按钮时，也会触发div click()事件。我知道我可以在div中放置一个跨度，并将单击事件附加到跨度而不是DIV，但是有没有一种方法可以同时保留div单击事件和close按钮单击事件，而不在单击close按钮时触发d

浏览 0提问于2011-12-06得票数 2

回答已采纳

1回答

javascript div中的文本并单击anywere关闭div。

javascript

我有一个javascript打开窗口，就在一个冲浪者进入我的网站，有24小时饼干，这意味着它将再次弹出后，冲浪手再次访问我的网站24小时后。现在，只有在按下红色"x“按钮时，才能关闭div。此外，当我运行它时，我只能添加图片或iframes，但我想添加一些文本，如“欢迎来到我的网站”。} * Run the script */ floatingAd.run

浏览 0提问于2014-03-29得票数 0

回答已采纳

1回答

关闭在Div外部单击的Lightbox

jquery、html、lightbox

我正在使用一个简单的lightbox &谷歌地图jquery应用程序来很好地在我的网站内显示地图。但是，该地图不包含函数，因此如果您在其外部单击，灯箱将关闭，它只有以下内容： gmClose.setAttributegmClose.style.display="block"; gmClose.onclick=function(

浏览 0提问于2011-01-07得票数 0

3回答

在div外部单击jQuery会将其动画显示为关闭的作品，但必须单击两次才能打开

javascript、jquery

我在这里设置了一个开发页面：我想添加这个功能，这样当用户单击文档上的其他位置时，所有div都将关闭。这几乎工作得很好，除了一旦一个div由于在外部单击而被打开和关闭，用户必须在它上单击两次才能重新打开它。这是我的jQuery..。

浏览 0提问于2013-02-08得票数 0

回答已采纳

1回答

如何在javascript中打开时将keydown keycode附加到div* box，然后在关闭时将其取消附加*

javascript

我希望有多个div对话框来保存不同的图片库，当一个人打开特定div对话框时，左右键可以绑定和更改图像。问题是，当您打开一个div并将图像更改为下一个div时。另一个未打开的div框也changes.So当打开和关闭指定div/对话框页面时如何绑定这是我在左边和右边的代码，如果有id/对话框点击或者打开键码激

浏览 0提问于2017-06-22得票数 0

1回答

如何在加载的jsp页面中关闭JQuery对话框

jquery、html

我有一个HTML (home.html)页面，它加载这样一个对话框： <script type="text/javascript"> </script>&l

浏览 2提问于2012-03-27得票数 1

4回答

Jquery单击div打开另一个div，同时关闭其他div。

jquery

<div id="boom1" >click me</div><div id="booming1" style="display:none;">show on click boom1</div> <div id=&quo

浏览 3提问于2013-09-03得票数 0

回答已采纳

1回答

使用下拉菜单搜索配置文件的自定义指令在键入搜索单词时消失。

twitter-bootstrap、custom-directive

我编写了一个用于搜索配置文件的自定义指令，其中包括：<div>Search Profiles</div>在单击输入文本框以便输入搜索词时，以及<

浏览 3提问于2017-03-13得票数 0

4回答

关闭div，同时在该div之外的任意位置单击

javascript、jquery

我正在尝试创建一个jquery导航栏。因此，当我单击div main时，一个新的div会滑下来，我想添加一个选项，如果我们在新打开的窗口之外的任何地方单击，就会关闭窗口。这是我用过的代码，但它不工作。当我单击外部的任何位置时，新打开的div不会关闭。

浏览 0提问于2012-03-16得票数 0

3回答

切换、隐藏和显示问题(Jquery)

javascript、jquery、css、show-hide、popupwindow

我一直在寻找一个脚本来处理以下问题：再次单击“更多信息”时关闭div。我想知道为什么在div处于活动状态时负号图标不会保持不变，以及如何在所有上述场景中恢复加号图标。

浏览 1提问于2012-09-09得票数 4

回答已采纳

3回答

修改脚本以关闭Div

javascript、jquery、show-hide

我有一个不错的小节目，每次只有一个div，我在： (第二个演示程序)上找到了这样的脚本，如下所示： $('.newboxesshow(200); else { }} 它唯一不做的就是在打开它之后关闭di

浏览 9提问于2015-08-28得票数 1

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

在一个div中单击关闭到她的div

相关·内容

在一个div中单击关闭到她的div

在div内单击按钮时关闭div

在div区域外单击时关闭div。

单击div内的按钮关闭div。

单击不使用jQuery的事件

如何在div中关闭和隐藏单击关闭div？

如何通过在创建的div外部单击来关闭它？

用按钮切换div，当单击div外部时隐藏div。

在div及其按钮之外单击时关闭div

单击div上的关闭按钮，同时触发div单击()

javascript div中的文本并单击anywere关闭div。

关闭在Div外部单击的Lightbox

在div外部单击jQuery会将其动画显示为关闭的作品，但必须单击两次才能打开

如何在javascript中打开时将keydown keycode附加到div* box，然后在关闭时将其取消附加*

如何在加载的jsp页面中关闭JQuery对话框

Jquery单击div打开另一个div，同时关闭其他div。

使用下拉菜单搜索配置文件的自定义指令在键入搜索单词时消失。

关闭div，同时在该div之外的任意位置单击

切换、隐藏和显示问题(Jquery)

修改脚本以关闭Div

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐