<form method="post" action="tuwas"> <p><input type="button" value="oben" onclick='show("teil1"); hide("teil2");' /> <input type="button" value="unten" onclick='hide("teil1"); show("teil2");' /> </p></form>
Hier kann man den Wechsel zweier Container testen! Style-Angaben:
#teil1{position:absolute; left:100px; top:100px; margin:25px; height:120px; border:solid 3px red;} #teil2{ position:absolute; left:100px; top:100px; margin:25px; height:120px; border:solid 3px green; visibility:hidden}
Die beiden Container liegen im Seitentext mit <div id="teil1">....</div> <div id="teil2">....</div>
Der zweite Container zeigt den Code zum Aufruf.

    

Damit niemand frustriert ist, wenn er den zweiten Container nicht sieht, hier der Text noch einmal:
<form method="post" action="tuwas">
<input type="button" value="oben" onclick='show("teil1"); hide("teil2");' /> 
<input type="button" value="unten" onclick='hide("teil1"); show("teil2");' />
</form>

Der Code ist im Grundsatz so der CSS2.1-Spezifikation entnommen. Wenn es nicht funktioniert, ... nicht meine Schuld!

ZURÜCK