Actieve staat van de link moet zichtbaar blijven

[hollandvorm]

Beste mensen,

Ik heb een html pagina met een div #submenu met daarin links die als je erop klikt (onclick) een laag met tekst en een laag met foto tonen of verbergen. Zie werkend voorbeeld op http://www.avvenire-coaching.nl/margot_en_marcel.html

Daar hoort onderstaande code bij.

<div id="submenu">
<h1>&nbsp;</h1>
<ul>
<li><a href="#" onclick="MM_showHideLayers('margot','','show','marcel','','hide','foto-margot','','show','foto-marcel','','hide')"
>Margot Nollet </a></li>
<li><a href="#" onclick="MM_showHideLayers('margot','','hide','marcel','','show','foto-margot','','hide','foto-marcel','','show')"
>Marcel Hondeveld </a></li>
</ul>
</div>

Graag wil ik als je op de link klikt dat dan de actieve staat van de link zichtbaar blijft zodat je kunt zien waar je bent. De link zelf is blauw, de hover is zwart en dus de actieve staat moet zwart blijven tot dat je op de andere link klikt en deze dan verandert en de andere weer blauw wordt.

Alvast hartelijk dank