Layers skifte mellem to ved klik

Sagtens, f.eks.

<span onclick="showHide();" style="cursor:pointer">Klik her for skift</span>
<div id="div1" style="display:block;">Dette er blok 1</div>
<div id="div2" style="display:none;">Dette er blok 2</div>

<script type="text/javascript">
function showHide(){
  var st1 = document.getElementById('div1').style;
  var st2 = document.getElementById('div2').style;
  st1.display = st1.display != 'block' ? 'block' : 'none';
  st2.display = st2.display != 'none' ? 'none' : 'block';
}
</script>

Super - tak!

ups - smid et svar så du kan få point :-)

hov lige en lille ting. Jeg skal bruge en tekst der viser lag 1 og en anden der viser lag 2. Hvis lag 1 er aktivt og man trykker på teksten for at aktivere lag 1 skal den blive der - ikke som nu skifte mellem de to lag! Hvordan gør jeg det?

Velbekomme '-)

-- og man kan også sagtens udvide funktionen til at gælde forskellige elementer f.eks. ved at sætte parametre på den !-)

Skal lag 1 nogensinde skjules ?-)

ja - de skal ligge 100% ovenpå hinanden, og så lidt ligesom med et faneblad skjules og vises!

Så er den enkleste metode netop at skjule/vise !-)

jo, men der skal jo være to faneblade. Faneblad1 viser lag1, faneblad2 viser lag 2. Hvis en ivrig bruger trykker flere gange på faneblad1 skal den IKKE skifte til faneblad 2. Håber du forstår!

-- det gør jeg så åbenbart ikke ...

hehe, det er ok - jeg bruger det som det er :-) Det går nok også, og så vil jeg lige sætte mig lidt mere ind i at bruge et layer! Man kan ikke placere det med procent vel? kun med pixel?

Også den slags elementer kan placeres relativt, men relationen giver kun mening, hvis det omkring-liggende element har en defineret størrelse, så det er bare at gå i gang med eksperimenterne !-)

-- og tak for point ;~}