JavaScript Drop Menu

Drop Menu

<html><head>
<script>
function toggle(theDiv) {
    var elem = document.getElementById(theDiv);
    elem.style.display = (elem.style.display == "none")?"":"none";
}
//-->
</script>
</head>
<body>
<div id="test">
<a href="#" onclick="toggle('testLayer1');return false;">Open and Close</a>
</div>
<div id="testLayer1" style="display: none;">A description</div>

<div id="Div1">
<a href="#" onclick="toggle('testLayer2');return false;">Open and Close</a>
</div>
<div id="testLayer2" style="display: none;">A description</div>

<div id="Div2">
<a href="#" onclick="toggle('testLayer3');return false;">Open and Close</a>
</div>
<div id="testLayer3" style="display: none;">A description</div>
</body>
</html>