青島網(wǎng)站建設(shè)青華互聯(lián)分享代碼:html代碼js實現(xiàn)點擊展開默認(rèn)隱藏內(nèi)容,再次點擊可再隱藏。
html代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html代碼js實現(xiàn)點擊展開默認(rèn)隱藏內(nèi)容,再次點擊可再隱藏</title>
<style>
body{background:#ddd;}
#div1{display:none;}
#div2{display:none;}
</style>
</head>
<body>
<div style="cursor:pointer" onclick="isHidden('div1')"><b>點擊的標(biāo)題內(nèi)容</b></div>
<div id="div1">點擊顯示隱藏的內(nèi)容</div>
<div style="cursor:hand" onclick="isHidden('div2')"><b>點擊的標(biāo)題內(nèi)容</b></div>
<div id="div2">點擊顯示隱藏的內(nèi)容</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>我是有底線的
掃描二維碼手機查看該文章
文章引用:http://www.qingbaosc.com/news/webzhishi/1358.html




