怎样一键打开所有隐藏的层
有多行试题页面,各答案平时是隐藏的,当点击题目时,相应的答案会显示。怎样在页面顶端插入一个按钮,当点击时,展开(或隐藏)所有隐藏的答案层。只用Javascript代码。
例子如下:平时答案行是通过层隐藏的。
程序代码:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效之点击展开</title> <script language="JavaScript" type="text/JavaScript"> function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);} function Menu(t) { if(document.getElementById(t).style.display=='none'){ document.getElementById(t).style.display='block';} else{ document.getElementById(t).style.display='none';} } </script> </head> <body bgcolor="#ffffff"> <tr> <td style="background-color:#E3EAEB;"> <div onclick=Menu(1)> <strong>典型问题:</strong> 问:燃气热水器的安装有何要求:</div> <div id=1 style="display:none;"><br><dd>解决方法/原因:答:燃气热水器必须安装在通风良好的地方,严禁安装在浴室、卧室过道(过厅)里使用。</dd><br><br></div> </td> </tr> <tr> <td style="background-color:White;"> <div onclick=Menu(2)> <strong>典型问题:</strong> 问:水温不稳定是机器问题吗?</div> <div id=2 style="display:none;"><br><dd>解决方法/原因:答:水温不稳的原因一般是因为同一根主水管上有其它阀门在开启/关闭,或者整个供水压力不稳,造成水温不稳定,若排除以上可能则应立即报修。</dd><br><br></div> </td> </tr> <tr> <td style="background-color:#E3EAEB;"> <div onclick=Menu(3)> <strong>典型问题:</strong> 问:冬季水不热是机器故障吗?</div> <div id=3 style="display:none;"><br><dd> 解决方法/原因:答:在冬季自来水温度低,要加热到用户所需的温度时,若水量较大,则会超过机器的额定负荷。比如像JSQ32-X8H,负荷标准是这样规定的:此机器最大温度提升能力为当出水量为16L/分时,可将水温最大提升25度,若水再大,则温度提升将低于25度,假设冬季自来水温度为5度,使用热水温度为43度,则最大出水量不能超过25℃×16L/(43℃-5℃)=10.5L,否则水温将达不到43℃,机器不恒温,超量标志闪烁。而出水量不大却不能恒温时,先检查供气压力是否正常和供气阀门是否完全打开,排除以上情况后还不能解决问题,则应立即报修。</dd><br><br></div> </td> </tr> </body> </html>
[此贴子已经被作者于2017-1-9 18:04编辑过]