Åben og lukke funktion
Heya..Jeg har en åben og lukke funktion, hvor i jeg mangler en funktion, der gør, at når jeg åbner siden som standard, så er alle boxene lukket ned.
Derefter skal man BÅDE kunne åbne OG lukke dem ved at klikke på +/-.
Here goes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
objArr = new Array('box1','box2','box3');
function toggle(objName){
for(i=0;i<objArr.length;i++){
tObj=document.getElementById(objArr[i]);
tObj.style.display = (objArr[i]==objName) ? "block" : "none" ;
}
}
function init(){
dHash = document.location.hash;
tName = (dHash.indexOf("#")!=-1) ? dHash.substr(1) : objArr[0] ;
toggle(tName);
}
window.onload = init;
</script>
</head>
<body>
<!-- block 1 -->
<table border="0" cellpadding="0" cellspacing="0" width="150" height="20" bgcolor="#aaaaaa">
<tr>
<td align="right"><a href="#box1" onclick="toggle('box1')">[+/-]</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="150" height="150" bgcolor="#999999" id="box1">
<tr>
<td> </td>
</tr>
</table>
<!-- block 1 -->
<br>
<!-- block 2 -->
<table border="0" cellpadding="0" cellspacing="0" width="150" height="20" bgcolor="#aaaaaa">
<tr>
<td align="right"><a href="#box2" onclick="toggle('box2')">[+/-]</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="150" height="150" bgcolor="#999999" id="box2">
<tr>
<td> </td>
</tr>
</table>
<!-- block 2 -->
<br>
<!-- block 3 -->
<table border="0" cellpadding="0" cellspacing="0" width="150" height="20" bgcolor="#aaaaaa">
<tr>
<td align="right"><a href="#box3" onclick="toggle('box3')">[+/-]</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="150" height="150" bgcolor="#999999" id="box3">
<tr>
<td> </td>
</tr>
</table>
<!-- block 3 -->
</body>
</html>
