problem med hidden/visible funktion
Hej eksperten jeg har denne kode:<html>
<head>
<script language="javascript">
function showul(id){
hid = document.getElementById(id).style.visibility;
document.write(hid);
document.write(id);
if(hid == "visible"){
document.getElementById(id).style.visibility = "hidden";
}
else
{
document.getElementById(id).style.visibility = "visible";
}
}
</script>
</head>
<body>
<ul id="0">
<li><div><a href="java script:showul('1_UL')">box</a></div>
<ul id="1_UL" style="visibility:hidden;">
<li>test</li>
</ul>
</li>
<li><div><a href="java script:showul('2_UL')">box</a></div>
<ul id="2_UL" style="visibility:visible;">
<li>test2</li>
</ul>
</li>
</ul>
</body>
</html>
mit problem er at når jeg klikker på en afknapperne er det ikke kun ul'en med det matchende id der forsvinder men hele hovedet ul'en og det er uanset om "Hid" er = hidden eller visible? hvor er fejlen
