我有这段代码在 IE 8 和 firefox 上运行良好
<script type="text/javascript">
function toggleDiv(divId) {
$("#"+divId).toggle();
}
</script>
</head>
<body>
<br />
<br />
<a href="javascript:toggleDiv('myContent');">>> press 2 xxexamplexx</a>
<div id="myContent" class='hidden'>
<ul>
<a href="javascript:toggleDiv('myContent1');"><div><li>xxexamplexx </li></div></a>
<div id="myContent1" class='hidden'>
<a href="javascript:toggleDiv('myContent2');">
<li style="margin-left:7em;">xxexamplexx</li></a>
<div id="myContent2" class='hidden'>
<a href="javascript:toggleDiv('myContent3');">
<li style="margin-left:10em;">xxexamplexx</li></a>
<div id="myContent3" class='hidden'>
<a href="javascript:toggleDiv('myContent4');">
<li style="margin-left:11em;">xxexamplexx</li></a>
<div id="myContent4" class='hidden'>
<a href="javascript:toggleDiv('myContent5');">
<li style="margin-left:14em;">xxexamplexx</li></a>
<div id="myContent5" class='hidden'>
<li style="margin-left:16em;"><b>xxexamplexx.</b></li>
</div>
</div>
<a href="javascript:toggleDiv('myContent6');">
<li style="margin-left:11em;">xxexamplexx</li></a>
<div id="myContent6" class='hidden'>
<li style="margin-left:14em;"><b>xxexamplexx</b></li>
</div>
</div>
<div class="space"></div>
</div><!--content2-->
</div>
当我在 IE 6 上测试它时,一半的切换不起作用,并且默认显示它们,当我第一次加载页面时,它们将被显示。
知道如何解决这个问题吗?
它也不适用于 IE 7。