Collapsible Navigation

[wuzzle]

Could someone tell me why this isn't working? It's not collapsing...

<script language=&quot;javascript&quot;>

hidden=true;

function dropmen(){
if (hidden){
document.getElementById(&quot;thenavbar&quot.className=&quot;on&quot;;
hidden=false;
}
else{
document.getElementById(&quot;thenavbar&quot.className=&quot;off&quot;;
hidden=true;
}
}

</script>

and then...

<table width=&quot;50%&quot;>
<tr>
<td>
<div id=&quot;wholenavbar&quot; onClick=&quot;dropmen()&quot; class=&quot;navbar&quot;>
<div style=&quot;color: white; background-color: gray&quot;>Click to view Shady's Links</div>
<div id=&quot;thenavbar&quot; class=&quot;off&quot;>
<a href=&quot;

http://www.poodles.com&quot;>Poodles.com</a><br>

<a href=&quot;

http://www.justatip.com&quot;>JustaTip.com</a><br>

<a href=&quot;

http://www.theonion.com&quot;>TheOnion.com</a>

</div>
</div>
</td>
</tr>
</table>

 

[jaredn]

are you sure class on/off show/hide the divs? jaredn@eae.net -

http://webfx.eae.net

 

[strantheman]

Check this site:

http://www.webmonkey.com

They have a colapsable menu like this on their left. Its sort of difficult to pull apart their method, but the code's there if you have the time.