[DHTML?] DIV aanroepen, vorige DIV verdwijnen

[Beekforel]

Ik ben een beetje aan het spelen met DIV'jes en DHTML.

Ik heb de volgende code:

HTML:

<script type="text/javascript">
        function Show()
        {
            document.getElementById(blaat).style.display = "block";
        }
</script>

Met het volgende roep ik een DIV aan:

HTML:

<a href="#" OnClick="blaat='Start'; Show()">Start</a>

Een DIV ziet er zo uit (wordt gevormd door CSS):

HTML:

<div id="Start" style="display:none">
        <p>Start</p>
</div>

Nou werkt dit op zich goed. Alleen als ik eerst Start kies, en daarna bijvoorbeeld Informatie, kan ik niet meer terug naar Start. Vrij logisch omdat Informatie hieroverheen staat.

Nou denk ik dat er iets toegevoegd moet worden aan de functie wat de openstaande DIV op display:none zet. Maar wat?

Ik kan weinig dingen vinden die ook maar enigszins op dit lijkt... Iemand die me op weg kan helpen?

[André]

JavaScript:

vorigeid = "";
function Show(id)
{
  if (vorigeid != "") { document.getElementById(vorigeid).style.display = "none"; }
  vorigeid = id;
  document.getElementById(id).style.display = "block";
}

HTML:

<a href="#" OnClick="Show('Start')">Start</a>
<a href="#" OnClick="Show('Info')">Info</a>

<div id="Start" style="display:none">
  <p>Start</p>
</div>
<div id="Info" style="display:none">
  <p>Info</p>
</div>

[Beekforel]

Wauw! Ik vroeg maar om een vinger en ik kreeg de hele hand.
Thnx André!

Show(); gebruiken met id gaat trouwens niet goed, ik kreeg hele vreemde posities van de DIV'jes. Dit heb ik opgelost door andere variabelen te gebruiken.