青岛网站建设青华互联分享代码：html代码js实现点击展开默认隐藏内容，再次点击可再隐藏。
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html代码js实现点击展开默认隐藏内容，再次点击可再隐藏</title>
<style>
body{background:#ddd;}
#div1{display:none;}
#div2{display:none;}
</style>
</head>
<body>
<div style="cursor:pointer" onclick="isHidden('div1')"><b>点击的标题内容</b></div>
<div id="div1">点击显示隐藏的内容</div>
<div style="cursor:hand" onclick="isHidden('div2')"><b>点击的标题内容</b></div>
<div id="div2">点击显示隐藏的内容</div>
以下是js代码：
<script type="text/javascript">
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'block')?'none':'block';
}
</script>
</body>
<html>扫描二维码手机查看该文章
文章引用：https://www.qinghuahulian.com/news/webzhishi/1358.html
在线咨询
电话咨询
