js怎么让已经显示的div,在其他点击事件触发的时候隐藏起来
做了一个内容，一个大的div包含p标签和div，现在想要利用js实现动态效果，已实现点击p标签时，隐藏在下方的div内容可以显示出来，求如何实现在点击其他的p标签时，打开新的div内容时，已经显示的div能够重新隐藏起来！
这个是源代码,可以实现你的功能,有不懂的可以问我,希望采纳,谢谢
<!DOCTYPE html ><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
window.onload=function()
{
var oDiv=document.getElementById("div1");
var oP=oDiv.getElementsByTagName("p");
var aDiv=oDiv.getElementsByTagName("div");
for(i=0;i<oP.length;i++)
{
oP[i].index=i;
//alert(oP.length);
oP[i].onclick=function()
{
for(j=0;j<aDiv.length;j++)
{
aDiv[j].style.display="none";
}
//alert(this.index);
aDiv[this.index].style.display="block";
}
}
}
</script>
<style>
.hidediv{
display:none;
height:100px;
width:100px;
background:#CF3;
}
</style>
</head>
<body>
<div id="div1">
<p>第一个div</p>
<div class="hidediv">gerg </div>
<p>第2个div</p>
<div class="hidediv">wgw </div>
<p>第3个div</p>
<div class="hidediv">ggt </div>
<p>第4个div</p>
<div class="hidediv"> tgt</div>
</div>
</body>
</html>
js设置div显示隐藏?
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。首先写出架构，两个buttod（按钮）。下面是一个div存放文本和在后面的被js控制。先用css选择器为div控制属性。然后写出script标签，可以写在外部，然后在引用。如何...
用Js做了个功能,点击文字下边显示一个div,继续在点文字有收回去了...
1. 首先，建议直接写xxx.style.dispaly = "block"; 这样的命令代码；这样，无论点击多少次都一直是显示出来的了；或者是设置的宽度高度等问题，类似于这样，让它的宽高度不变；2. 通过使用一次点击事件后，来移除点击事件；let xxx = document.querySelector("...");①方法一：xxx.onclick = fu...
js控制div显示隐藏实现(jquery控制div显示隐藏)
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐...
怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"><\/script><script>\/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*\/$(function(){$('#d1').click(function(){\/\/给d1绑定一个点击事件; \/*这...
JS如何控制DIV的显示和隐藏
我们进行网页开发的时候，经常需要运用JS去控制某个div的显示或者隐藏。下面小编通过实例教大家如何实现这种功能。打开Sublime Text编辑器，新建一个HTML文档，注意一定要设置编码格式为utf8，如下图所示 然后在Body区域准备一个div和一个button按钮，接下来会实现点击按钮来显示和隐藏DIV，如下图所示 接下来...
js怎么让已经显示的div,在其他点击事件触发的时候隐藏起来
这个是源代码,可以实现你的功能,有不懂的可以问我,希望采纳,谢谢 <!DOCTYPE html ><html><head><meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/><title>无标题文档<\/title><script>window.onload=function(){var oDiv=document.getElementById("div1");var oP=oDiv....
js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：4...
js里面的显示或者隐藏(js中隐藏元素和显示用什么)
('#ChildMenu1').css('display','block');}else{ ('#ChildMenu1').css('display','销运none');} } 3、浏览器运行index.html页面，此时点击按钮即可让菜单显示洞斗并或隐藏。js怎么用一个按钮控制DIV来回显示和隐藏1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl...
...再次点击当前对象或者点击对象之外的区域,div隐藏
("a").click(function(){ ("div").show()("body").one("click",function(){ ("div").hide()})})
JS点击显示,再次点击隐藏的效果,怎么做?
为链接注册onclick事件处理函数，此处理函数可以判断div的style.display属性值，如果为block则将其设置为none，也就是将div设置为隐藏状态，否则设置为block，也就是将div设置为显示状态，原理大致如此。需要特别注意的是，在div中，之所以使style="display:block"的目的是让obj.style.display语句能够获取属性...
