javascript 隐藏与显示

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div style="width:500px; height: 2000px; ">
<div style="width: 500px; height: 50px; background:red; float: left;" id="div1"></div>
<div style="width: 500px; height: 20px; background: #0F0; float: left;">
<a href="#" onclick="javascript:document.getElementById('div1').style.display = (document.getElementById('div1').style.display=='none') ? '' : 'none';document.getElementById('div2').style.height = (document.getElementById('div1').style.display=='none') ? '100px' : '50px';">第一个</a></div>
<div style="width: 500px; height: 50px; background:yellow;float: left;" id="div2"></div>

<div style="width: 500px; height: 50px; background:red; float: left;" id="div3"></div>
<div style="width: 500px; height: 20px; background: #0F0; float: left;">
<a href="#" onclick="javascript:document.getElementById('div3').style.display = (document.getElementById('div3').style.display=='none') ? '' : 'none';document.getElementById('div4').style.height = (document.getElementById('div3').style.display=='none') ? '100px' : '50px';">第二个</a></div>
<div style="width: 500px; height: 50px; background:yellow;float: left;" id="div4"></div>

<div style="width: 500px; height: 50px; background:red; float: left;" id="div5"></div>
<div style="width: 500px; height: 20px; background: #0F0; float: left;">
<a href="#" onclick="javascript:document.getElementById('div5').style.display = (document.getElementById('div5').style.display=='none') ? '' : 'none';document.getElementById('div6').style.height = (document.getElementById('div5').style.display=='none') ? '100px' : '50px';">第三个</a></div>
<div style="width: 500px; height: 50px; background:yellow;float: left;" id="div6"></div>

<div style="width: 500px; height: 50px; background:red; float: left;" id="div7"></div>
<div style="width: 500px; height: 20px; background: #0F0; float: left;">
<a href="#" onclick="javascript:document.getElementById('div7').style.display = (document.getElementById('div7').style.display=='none') ? '' : 'none';document.getElementById('div8').style.height = (document.getElementById('div7').style.display=='none') ? '100px' : '50px';">第四个</a></div>
<div style="width: 500px; height: 50px; background:yellow;float: left;" id="div8"></div>
</div>
</body>
</html>

这一段代码，为什么我在点第一个和第二、三、四个效果不一样呢，哪里出错了
基于IE6内核的浏览器比如遨游，腾讯TT都会出问题
非IE6内核的火狐、IE8之类的没有问题展开

 我来答

4个回答

#热议# 应届生在签三方时要注意什么？

jeason738
2010-07-15 · TA获得超过1716个赞

知道小有建树答主

回答量：274

采纳率：0%

帮助的人：275万

我也去答题访问个人页

关注

展开全部

不明白你所说的不一样是什么地方不一样，能说清楚一点吗，也好帮你找找错误的原因。

本回答由提问者推荐

已赞过 已踩过<

评论收起

无野楼升域醉0t
2010-07-15 · TA获得超过8552个赞

知道小有建树答主

回答量：1498

采纳率：88%

帮助的人：506万

我也去答题访问个人页

关注

展开全部

我这试了下四个效果是一样的啊
我用的ie8

已赞过 已踩过<

评论收起

mantye
2010-07-15 · 超过29用户采纳过TA的回答

知道答主

回答量：52

采纳率：0%

帮助的人：30.8万

我也去答题访问个人页

关注

展开全部

把样式里的 float: left;
都去掉

已赞过 已踩过<

评论收起

房雁凡s9
2010-07-15 · TA获得超过1360个赞

知道小有建树答主

回答量：504

采纳率：100%

帮助的人：507万

我也去答题访问个人页

关注

展开全部

IE6测试没问题

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

javascript 隐藏与显示

其他类似问题

为你推荐：