rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>
function hideAll() {
var divsToHide = document.getElementsByTagName("div");
for (i=0; i<divsToHide.length; i++) {
if (divsToHide[i].className == "showHideDiv") {
divsToHide[i].style.display = "none";
}
}
}
function showLayer(layerId) {
hideAll();
document.getElementById(layerId).style.display = "block";
}
</script>
</head>
<body onload="hideAll();">
<div id="mainHolder">
<div class="showHideDiv" id="layer1">123</div>
<div class="showHideDiv" id="layer2">abc</div>
</div>
<div id=contents>
<a href="#" onClick="showLayer('layer1')">content 1</a>
<a href="#" onClick="showLayer('layer2')">content 2</a>
</div>
</body>
</html>