Du kan også bruge denne... den bruger dog lidt flere ressourcer end ovenstående ... men det er jo browserens resourcer og ikke serverens - fordelen ved denne: Hvis man har javascript deaktiveret kan man se alt indholdet - det kan man ikke i den anden uden javascript...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
var oldElm = null;
function show(id){
if(oldElm)
oldElm.display = "none";
oldElm = document.getElementById(id).style;
oldElm.display = "block";
}
window.onload=function(){show('layer5');show('layer4');show('layer3');show('layer2');show('layer1
');}
</script>
</head>
<body>
<a href="java script:show('layer1')">Page 1</a> |
<a href="java script:show('layer2')">Page 2</a> |
<a href="java script:show('layer3')">Page 3</a> |
<a href="java script:show('layer4')">Page 4</a> |
<a href="java script:show('layer5')">Page 5</a>
<DIV ID="layer1">This is div0</DIV>
<DIV ID="layer2">This is div1</DIV>
<DIV ID="layer3">This is div2</DIV>
<DIV ID="layer4">This is div3</DIV>
<DIV ID="layer5">This is div4</DIV>
</body>
</html>
