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，怎么改成默认隐藏，点击后展开，再点击后又隐藏，如此切换~ 展开

 我来答

7个回答

#合辑# 机票是越早买越便宜吗？

cold10086
推荐于2019-09-24 · TA获得超过1.1万个赞

知道答主

回答量：61

采纳率：100%

帮助的人：1.7万

我也去答题访问个人页

关注

展开全部

html标签默认隐藏点击后展开：在div中添加（style="display:none"）属性即可。

打开浏览器重新刷新页面，其结果为：

点击调查内容。其结果为：

拓展资料：

超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。

已赞过 已踩过<

评论收起

武汉市江夏区瑶宗网络科..

广告2024-12-20

代理代办，多年经验，品质保证，让您的业务更稳定。代理代办，让您的网站更具竞争力，吸引更多潜在客户。

qianhu.wejianzhan.com

霁月纷纷
推荐于2019-10-30 · TA获得超过1.4万个赞

知道答主

回答量：167

采纳率：0%

帮助的人：7万

我也去答题访问个人页

关注

展开全部

先将要div1的内容隐藏，css代码：#div1{display：none；}
然后将函数 isHidden(oDiv)里面的display设置为显示的：vDiv.style.display = (vDiv.style.display == 'block')?'none':'block';

源代码：

<!DOCTYPE html>

<html>

<head>

<style>

body{background:#ddd;}

#div1{display:none;}

</style>

</head>

<body>

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

function isHidden(oDiv){

var vDiv = document.getElementById(oDiv);

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

}

</script>

</body>

</html>

效果：

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

本回答被网友采纳

已赞过 已踩过<

评论收起

gillot
2013-11-03 · 超过18用户采纳过TA的回答

知道答主

回答量：32

采纳率：0%

帮助的人：30万

我也去答题访问个人页

关注

展开全部

简单的办法，把"<DIV id="div1">隐藏的内容</DIV>"一句中加上style="displsy:none"，也就是改为

<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浏览器打开，我这儿试着没问题

本回答被提问者采纳

已赞过 已踩过<

评论收起

王晓刚77
推荐于2018-02-27

知道答主

回答量：18

采纳率：100%

帮助的人：3.8万

我也去答题访问个人页

关注

展开全部

<!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>