Html:
<!-- stylesheet für Layout -->
<style type="text/css"><!--
  #container {
      width: 800px; /* kann beliebig angepasst werden */
  }

  .left {
      float: left;
      width: 19%;
  }

  .right {
      float: right;
      width: 80%;
  }

  .clearer {
      clear: both;
      line-height: 0;
  }
--></style>

<!-- javascript für Unterseiten -->
<script type="text/javascript"> 
    function show(tag) 
    { 
        document.getElementById('kasten1').style.display = "none";
        document.getElementById('kasten2').style.display = "none";

        // Hier nichts mehr ändern!
        document.getElementById(tag).style.display = "block"; 
    } 
</script>

<!-- Hauptinhalte, Seitenstruktur -->
<div id="container">
    <div class="left">
        <ul>
           <li><a href="javascript:show('kasten1');">Kasten 1 zeigen</a></li>
           <li><a href="javascript:show('kasten2');">Kasten 2 zeigen</a></li>
        </ul>
    </div>
    <div class="right">
        <div id="kasten1" style="display:block;">
            <p>Kasten1 Inhalt</p>
        </div>
        <div id="kasten2" style="display:none;">
            <p>Kasten2 Inhalt</p>
        </div>
    </div>
    <br class="clearer" />
</div>


Ich finde es so einfacher... Da ist für mich der Code übersichtlicher. Man muss einfach oben im JavaScript immer eine Zeile mit dem neuen Kastennamen einfügen, darunter dann im Inhaltsbereich einen Kasten, der als id diesen Namen hat. Über die Links kann man dann einfach zwischen den Kästen wechseln.