二维码防伪系统

新闻中心

各种活动实时推动

html代码js实现点击展开默认隐藏内容,再次点击可再隐藏

发布时间:2024-11-13 点击次数:230

分享代码: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>

copy © 2025 星澜网络 All Rights Reserved

备案号:鲁ICP备2023015769号