html如何让点击后隐藏的内容改为默认隐藏点击后展开，在线等！
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><SCRIPT>functioni...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT>
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
</SCRIPT>
</HEAD>
<BODY>
<DIV style="cursor:hand" onclick="isHidden('div1')"><b>调查内容:</b></DIV>
<DIV id="div1">隐藏的内容</DIV>
</BODY>
</HTML>
代码如上，rt，怎么改成默认隐藏，点击后展开，再点击后又隐藏，如此切换~ 展开
<HTML>
<HEAD>
<SCRIPT>
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
</SCRIPT>
</HEAD>
<BODY>
<DIV style="cursor:hand" onclick="isHidden('div1')"><b>调查内容:</b></DIV>
<DIV id="div1">隐藏的内容</DIV>
</BODY>
</HTML>
代码如上，rt，怎么改成默认隐藏，点击后展开，再点击后又隐藏，如此切换~ 展开
7个回答
展开全部
先将要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>
效果：
点击默认内容后：显示出了隐藏的内容
本回答被网友采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
简单的办法，把"<DIV id="div1">隐藏的内容</DIV>"一句中加上style="displsy:none"，也就是改为
<DIV id="div1" style="display:none">隐藏的内容</DIV>
你试试，应该没问题的。
<DIV id="div1" style="display:none">隐藏的内容</DIV>
你试试，应该没问题的。
追问
好了哈谢谢！
追答
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
调查内容:
隐藏的内容
你考到一个文本文件，然后扩展名改为.html，ie浏览器打开，我这儿试着没问题
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT>
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
</SCRIPT>
</HEAD>
<BODY>
<DIV style="cursor:hand" onclick="isHidden('div1')"><b>调查内容:</b></DIV>
<DIV id="div1" style="display:none">隐藏的内容</DIV>
</BODY>
</HTML>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以使用jQuery的隐藏显示函数，使用例子参考w3school相关教程：
http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_show
http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_show
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
