kippie
08-08-2002, 10:15 PM
I'm looking for a simple way to select one out of many layers (<div>'s), make that specific layer visible and all other invisible. And then making another layer visible while all others are made invisible etc. In the HTML below there is a simple example of four layers. Can anyone help?
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<title>Welcome to Adobe GoLive 4</title>
<style type="text/css"><!--
#layer { position: absolute; top: 16px; left: 16px; width: 100px; height: 100px; visibility: visible }
#layer2 { position: absolute; top: 148px; left: 217px; width: 100px; height: 100px; visibility: visible }
#layer3 { position: absolute; top: 155px; left: 16px; width: 100px; height: 100px; visibility: visible }
#layer4 { position: absolute; top: 10px; left: 249px; width: 100px; height: 100px; visibility: visible }-->
</style>
</head>
<body>
<div id="layer">
This is layer 1</div>
<div id="layer2">
This is layer 2</div>
<div id="layer3">
This is layer 3</div>
<div id="layer4">
This is layer 4</div>
</body>
</html>
Kippie
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<title>Welcome to Adobe GoLive 4</title>
<style type="text/css"><!--
#layer { position: absolute; top: 16px; left: 16px; width: 100px; height: 100px; visibility: visible }
#layer2 { position: absolute; top: 148px; left: 217px; width: 100px; height: 100px; visibility: visible }
#layer3 { position: absolute; top: 155px; left: 16px; width: 100px; height: 100px; visibility: visible }
#layer4 { position: absolute; top: 10px; left: 249px; width: 100px; height: 100px; visibility: visible }-->
</style>
</head>
<body>
<div id="layer">
This is layer 1</div>
<div id="layer2">
This is layer 2</div>
<div id="layer3">
This is layer 3</div>
<div id="layer4">
This is layer 4</div>
</body>
</html>
Kippie