html如何让点击后隐藏的内容改为默认隐藏点击后展开，在线等！

html-css06

html如何让点击后隐藏的内容改为默认隐藏点击后展开，在线等！,第1张

先将要div1的内容隐藏，css代码：#div1{display：none；}

然后将函数 isHidden(oDiv)里面的display设置为显示的：vDiv.style.display = (vDiv.style.display == 'block')?'none':'block'

源代码：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

body{background:#ddd}

#div1{display:none}

</style>

</head>

<body>

<div style="cursor:hand" onclick="isHidden('div1')"><b>调查内容:</b></div>

<div id="div1">隐藏的内容</div>

<script type="text/javascript">

function isHidden(oDiv){

var vDiv = document.getElementById(oDiv)

vDiv.style.display = (vDiv.style.display == 'block')?'none':'block'

}

</script>

</body>

</html>

效果：

点击默认内容后：显示出了隐藏的内容

这个简单：直接看代码

<input type="password" value="" onblur="aa(this.value)"/><span id="span" style="display:none"><font color="red">你的密码位数需要5-8位</font></span>

js：

function aa(value){

if(value.length<5||value.length>8){

document.getElementById("span").style.display="block"

}

}