js 点击图标隐藏层，再次点击显示层

要隐藏的层开始是显示的，点击图标隐藏该层，再次点击再次隐藏层，求高手指点... 要隐藏的层开始是显示的，点击图标隐藏该层，再次点击再次隐藏层，求高手指点展开

 我来答

4个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

匿名用户
2013-07-11

展开全部

if 对象.style.display=='none' ? 对象.style.display='block' : 对象.style.display='none'

已赞过 已踩过<

评论收起

滑茗绪惜儿
2019-12-18 · TA获得超过3760个赞

知道大有可为答主

回答量：3199

采纳率：28%

帮助的人：184万

我也去答题访问个人页

关注

展开全部

设置这个图标的onclick事件点击后执行一个匿名函数设置style。display为none。再设置一个点击html的onclick事件执行style。display为block

已赞过 已踩过<

评论收起

匿名用户
2013-07-11

展开全部

可以给图标绑定click事件在事件中通过css样式定义层的display属性

已赞过 已踩过<

评论收起

匿名用户
2013-07-11

展开全部

gt;
<head>
<script type="text/javascript">
function changeBody(index){
switch(index){
case 1:{
document.getElementById('iDBody1').style.display = "";
document.getElementById('iDBody2').style.display = "none";
document.getElementById('iDBody3').style.display = "none";
break;
}
case 2:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('iDBody2').style.display = "";
document.getElementById('iDBody3').style.display = "none";
break;
}
case 3:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('iDBody2').style.display = "none";
document.getElementById('iDBody3').style.display = "";
break;
}
}
}
</script>
</head>
<body>

<a href="javascript:changeBody(1)">模块A</a>
<a href="javascript:changeBody(2)">模块B</a>
<a href="javascript:changeBody(3)">模块C</a>

<div style="display: none" id="iDBody1">
模块(一)的相关内容
</div>
<div style="display: none" id="iDBody2">
模块(二)的相关内容
</div>
<div style="display: none" id="iDBody3">
模块(三)的相关内容
</div>
</body>
</html>

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js 点击图标隐藏层，再次点击显示层

其他类似问题

为你推荐：