Problem: Expandable Menu

[nootpad]

I have a problem. A simple drop down menu that works fine locally on my machine, will not work online after upload.

For some reason the image disappears after clicking to open the nav menu. I want the image to stay visible before & after opening.

Anyone know what the problem could be?


The CSS

#panel{display: none;margin-left: 10px;}
#panel a{font-family:verdana; font-size:8pt; color:#000099;font-weight:bold}

The Java Script

<script language="JavaScript" type="text/javascript">
<!--

function ShowPanel()
{
if (document.getElementById('panel').style.display == 'block')
{
document.getElementById('panel').style.display = 'none';
document.getElementById('up_down').src = "images/redarrow.gif";
}
else
{
document.getElementById('panel').style.display = 'block';
document.getElementById('up_down').src = "images/redarrow.gif";
}
}
//-->
</script>

The HTML

<div style="width:255px;padding:0 0 0 25px">
<a href="JavaScript:void(0)" onclick="ShowPanel();"><img id="up_down" src="images/redarrow.gif" width="32" height="32" alt="categories" border="0" class="mid"><b class="tools">Categories</b></a>
</div>
<div id="panel">
<div style="width:160px;padding:0 0 20px 25px;font:8pt Verdana,sans-serif;line-height:1.5em;">
<a href="stuff.php">My Stuff</a>
<br><a href="download.php">Download</a>
<br><a href="contact.php">Contact</a>
</div>
</div>

[alecrust]

Can I suggest you use a completely CSS expandable menu, rather than a JavaScript one? In my opinion the ones from CSS Play are the best.