私は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 でも動作しません。