html 链接点击一下显示下拉内容(再点击一下自动收回),上一次点击内容自动收回,代码怎么写?谢谢!

谢谢你回答我的问题!请问下面的代码实现不了:点击第1个显示下拉内容,再点击第2个,第1个内容收回;就是只能点开看一个,其他都收回,原地点击链接如:第1个,可以点开收回。怎... 谢谢你回答我的问题!请问下面的代码实现不了:点击第1个显示下拉内容,再点击第2个,第1个内容收回;就是只能点开看一个,其他都收回,原地点击链接如:第1个,可以点开收回。怎么改呀?谢谢!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Embedded & Satellite Meetings</title>
<link rel="stylesheet" type="text/css" href="css/iciam2015_Type1.css" />
<script language="javascript" type="text/javascript" src="js/default.js"></script>
<SCRIPT>
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
// add code
var allDiv = document.getElementsByTagName('div');
for (var i=0; i<allDiv.length; i++) {
if (vDiv != allDiv[i]) {
allDiv[i].style.display = 'none';
}
}
}

</SCRIPT>
<style type="text/css">
<!--
.STYLE2 {font-size: 15px; font-family: Arial, Helvetica, sans-serif; }
.STYLE6 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.STYLE5 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.STYLE3 {font-family: Arial, Helvetica, sans-serif}
.STYLE4 {font-size: 14px}
-->

</style>

</head>

<body>
<div id="header">
<div class="roundedtop">

<map name="Map" id="Map">
<area shape="rect" coords="699,29,777,72" href="body1.jpg" target="_blank" />
<area shape="rect" coords="791,29,863,72" href="http://www.iciam.org/" target="_blank" />
</map>
</div>
</div>
<div id="main">
<div id="container" >
<div id="content">

<table width="95%" cellspacing="2" cellpadding="2" border="0"style="margin-left:20px;">
<tbody><tr><td colspan="2" height="15"align="left"class="STYLE6" >
<a href= "javascript:void(0)" style="cursor:hand" onclick="isHidden('div1')"><font color="#0072E3"><strong>1.READ MORE</strong>
</font></a>
<div id="div1" style="display:none" class="STYLE5" >
<strong>Chairman:</strong> <em>Shiqian Ma</em></br></div>
</td> </tr>
</tbody></table>

<table width="95%" cellspacing="2" cellpadding="2" border="0"style="margin-left:20px;">
<tbody><tr><td colspan="2" height="15"align="left"class="STYLE6" >
<a href= "javascript:void(0)" style="cursor:hand" onclick="isHidden('div1')"><font color="#0072E3"><strong>1.READ MORE</strong>
</font></a>
<div id="div1" style="display:none" class="STYLE5" >
<strong>Chairman:</strong> <em>Shiqian Ma</em></br></div>
</td> </tr>
</tbody></table>

</div>
</table>
</div>
</div>
</div>

</body>
</html>
展开
 我来答
百度网友cecc9591a
推荐于2017-10-03 · TA获得超过149个赞
知道小有建树答主
回答量:143
采纳率:0%
帮助的人:129万
展开全部
  1. use different id for each div, and same name for all div that toggle

  2. in js function, use getElementsByName


<script>

function isHidden(oDiv) {

...

var allDiv = document.getElementsByName('toggle');

...

}

</script>


<body>

...

<a href= "javascript:void(0)" style="cursor:hand"  onclick="isHidden('div1')"><font color="#0072E3"><strong>1.READ MORE</strong>
</font></a>
<div id="div1" name="toggle" style="display:none" class="STYLE5" >
<strong>Chairman:</strong> <em>Shiqian Ma</em></br></div>

...

<a href= "javascript:void(0)" style="cursor:hand"  onclick="isHidden('div2')"><font color="#0072E3"><strong>1.READ MORE</strong>

</font></a> 

<div id="div2" name="toggle" style="display:none" class="STYLE5" >

<strong>Chairman:</strong> <em>Shiqian Ma</em></br></div>

...

</body>

来自:求助得到的回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式