Close list menu's when you click on a link?

[Dom]

Hiya,

First I should say thank you for this amazing piece of work - it's
very impressive. Unfortunately it is way beyond my javascript/css
abilities and I can't for the life of my figure out how to close a
menu when a link is clicked on the toolbar.

I am using the toolbar to load an iframe on the page, so it doesn't
reload the whole page and re-set the toolbar. Instead the menu is left
open.

My status bar is pretty much as it came and my html for the bar is

<div id="status_bar">
<ul>
<li title="Home"><a href="http://localhost/
launcher"><img src="script/fixedbar/demo/icons/home.png" alt="" /></
a></li>
</ul>
<span class="jx-separator-left"></span>
<ul>
<li title="Application List"><a href="#"><img
src="script/fixedbar/demo/icons/network.png" alt="Applications" /></a>
<ul>
<ol runat="server"
id="olGroupHeader">Web Links</ol>
<li><a runat="server" id="lnkApp"
href="javascript:SetLinks('http://www.google.com');">Google1</a></li>
<li><a runat="server" id="lnkApp"
href="javascript:SetLinks('http://www.google.com');">Google2</a></li>
<li><a runat="server" id="lnkApp"
href="javascript:SetLinks('http://www.google.com');">Google3</a></li>
<ol runat="server"
id="olGroupHeader">Intranet</ol>
<li><a runat="server" id="lnkApp"
href="javascript:SetLinks('http://www.google.com');">Google4</a></li>
<li><a runat="server" id="lnkApp"
href="javascript:SetLinks('http://www.google.com');">Google5</a></li>
<li><a runat="server" id="lnkApp"
href="javascript:SetLinks('http://www.google.com');">Google6</a></li>
</ul>
</li>
</ul> </li>
</ul>
.....
</div>


When I click on "Google1" for instance, I want it to call that
javascript function which sets the iframe and close the menu that has
opened.

Any ideas?!

Thanks,

Dom