Skjule flere layers på een gang
Hej - jeg har strikket nedenstående pseudo-kode sammen. Det virker i princippet, men skal man nu ha' flere lag (end de 2 i eksemplet) bliver det noget rod. I eksemplet har jeg bare sat flere i enden af hinanden:setVisibility('layer1', 'inline');setVisibility('layer2', 'none');
og der er utvivlsomt en bedre løsning. Kan du hjælpe mig med det. Det jeg konkret ønsker er, at ét layer (forsiden) er vist fra start. Og når man klikker på "side 2"-linket fjernes "forside"-layeret (+ andre layers).
<html>
<head>
<title>Layers</title>
<style type="text/css">
div.section {
width: 180px;
display: none;
}
</style>
<script language="JavaScript">
function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}
</script>
</head>
<body >
<a onclick="setVisibility('forside', 'inline');setVisibility('side2', 'none');">Forside</a>
<a onclick="setVisibility('side2', 'inline');setVisibility('forside', 'none');">Side 2</a>
<br>
<div class="section" id="forside">Forside<br><br><a href="http://www.google.dk">Google</a></div>
<div class="section" id="side2">Her er side 2</div>
</body>
</html>
