fejl i folud menu når man bruger IE
jeg har lagt følgene java ind i header, og menu inde i body<style type="text/css">
.sub {display:none;position:relative;left:5px;margin:5px;}
</style>
<script type="text/javascript">
function foldud(id){
var a = document.getElementById(id).style;
if(a.display == 'block'){
foldind();
a.display = 'none';
}
else {
foldind();
a.display = 'block';
}
}
function foldind(){
for(i=1;i<5;i++){
document.getElementById('sub' + i).style.display = 'none';
}
}
</script>
<ul>
<li><img src="../../images/bullet.png" /><a class="link" href="http://www.esport-portal.com" onclick="foldind();">HOME</a></li>
<img src="../../images/menu_line.png" /><br>
<li><br><img src="../../images/bullet.png" /><a class="link" href="#" onclick="foldud('sub1');return false;">LADDERS</a>
<div id="sub1" class="sub">
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
</div></li>
<img src="../../images/menu_line.png" /><br>
<li><br><img src="../../images/bullet.png" /><a class="link" href="#" onclick="foldud('sub2');return false;">LEAGUES</a>
<div id="sub2" class="sub">
<img src="../../images/bullet.png" /><a class="link" href="../infleague ">BattleField 2</a><br />
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
</div></li>
<img src="../../images/menu_line.png" /><br>
<li><br><img src="../../images/bullet.png" /><a class="link" href="#" onclick="foldud('sub3');return false;">CUPS</a>
<div id="sub3" class="sub">
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
</div></li>
<img src="../../images/menu_line.png" /><br>
<li><br><img src="../../images/bullet.png" /><a class="link" href="#" onclick="foldud('sub4');return false;">HALL OF SHAME</a>
<div id="sub4" class="sub">
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
</div></li>
<img src="../../images/menu_line.png" /><br>
<li><br><img src="../../images/bullet.png" /><a class="link" href="#" onclick="foldud('sub5');return false;">SEARCH</a>
<div id="sub5" class="sub">
<img src="../../images/bullet.png" /><a class="link" href="../search/?action=user"></a><br />
<img src="../../images/bullet.png" /><a class="link" href="dit_link"></a><br />
</div></li>
<img src="../../images/menu_line.png" /><br>
<li><br><img src="../../images/bullet.png" /><a class="link" href="http://www.esport-portal.com/forum" target="_blank" onclick="foldind();">FORUM</a></li>
<img src="../../images/menu_line.png" />
</ul>
