Html:
<script type="text/javascript"><!--
var oldObj = 'one'; // Name des ersten angezeigen Divs.
function toggle(obj) {
  with (document.getElementById(obj).style) { display = (display == 'none' || display == undefined) ? 'block' : 'none'; }
	// Prueft, ob Element angezigt wird, oder nicht - Wenn nicht, anzeigen. Wenn es angezeigt wird - ausblenden.
  if(obj!=oldObj) { // Prueft, ob es das gleiche Obj ist.
    document.getElementById(oldObj).style.display = 'none'; // Versteckt den letzten angezeigten Inhalt.
  }
  oldObj = obj; // Schreibt das jetzt angezeigte Element in die Variable, um es spaeter wieder auszublenden ..
}
//-->
</script>
<style type="text/css"><!--
div.menu {
  position:fixed;
  right:10px;
  bottom:10px;
}
div.menu a {
  margin:2px 5px 2px 5px;
}
-->
</style>
<div class="menu"><a href="#one" onclick="toggle('one')">show one</a>
<a href="#two" onclick="toggle('two')">show two</a></div>

<div id="one">one</div>
<div id="two" style="display:none">two</div>


.. Menue ist unten rechts, da man es leicht uebersieht.


Bearbeitet von Mein Nick (24.10.2009, 21:59:45)