Div container gegen anderen Tauschen

[Reaper]

Hi

Danke schonmal für die schnelle Hilfe :)

Ich bin in JavaScript leider völlig neu ^^
Die IF-Methode finde ich am logischsten hab aber nicht ganz verstanden, wie das dann zu notieren ist.
Ich habs deswegen erstmal mit dem Umschalten der Klasse versucht:

  
<script type="text/javascript">  
function change(){  
  document.documentElement.className = document.documentElement.className === "Theme" ? "ThemeDis" : "Theme";  
}  
{  
  document.documentElement.className = document.documentElement.className === "Themewide" ? "ThemewideDis" : "Themewide";  
}  
</script>  
<style>  
        #Theme {  
		display:block;  
	}  
	#ThemeDis {  
		display:none;  
	}  
	#Themewide {  
		display:none;  
	}  
	#ThemewideDis {  
		display:block;  
	}  
</style>  
<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>  

Die Ausgangssituation stimmt jetzt natürlich, das ändern funktioniert leider noch immer nicht :S

Zum übergang habe ich mich mal in den Link von die eingelesen
Ich müsste da mit
transition: opacity 1s
arbeiten, hab aber nicht ganz verstanden, wie ich dann zuordne, dass das beim ein, bzw ausblenden benutzt werden soll.

Ich hoffe du kannst mir da helfen :)

MFG

Reaper