Div container gegen anderen Tauschen

[Reaper]

Hallo zusammen.

Ich versuche gerade 2 Container gegeneinander zu tauschen bei konpfdruck, hier mal das wichtigste aus dem code:

  
  
<script type="text/javascript">  
<!--  
function change(){  
d1=document.getElementById('Theme');  
d2=document.getElementById('Themewide');  
d2.style.display='none';  
onclick("d1.style.display='none';d2.style.display='block';")  
}  
//-->  
</script>  
  
<div id="style-chooser">  
<a href="#" onclick="change();return false">Test</a>  
  
  
    	<div id=Theme>*/ ... Mehrere Links ...*/  
        </div>  
        <div id="Themewide">*/ ... weitere Links ... */  
        </div>  
    </div>  

Das ganze sollte eigentlich folgendes Leisten:
Bei Seitenaufruf soll der 2. Container (Themewide) nicht angezeigt werden und nur der erste (Theme).
Bei Click auf "Test" soll der 2. Container eingeblendet werden und der 1. Container ausgeblendet werden.
Bei erneutem Click auf Test soll der 2. Container wieder ausgeblendet und der 1. Container eingeblendet werden. und so weiter.
Am besten natürlich mit einem Fade-Effekt, aber das ist ja erstmal nebensache ^^

Ich habe mich mal mehr oder weniger ohne Ahnung selber dran versucht, leider war das ergebniss nicht erfolgreich. Ich bräuchte eine funktion, die bei Click jeweils den Style auf none bzw auf block setzt (je nachdem worauf der vorher steht).

Ich hoffe mir kann da jemand helfen :)

MFG

Reaper