If at all you are looking for a basic sample .. check out the attached code snippet:
<html>
<head>
<script type="text/javascript">
function ToggleDiv(id) {
// All the DIVs are hided here
document.getElementById('d1').style.display = 'none';
document.getElementById('d2').style.display = 'none';
document.getElementById('d3').style.display = 'none';
// Unhide the DIV which was requested
document.getElementById(id).style.display = 'block';
}
</script>
</head>
<body>
<table border="1" style="WIDTH: 100%" width="100%" align=center bgColor=white>
<tr>
<td><a href="" onclick="ToggleDiv('d1'); return false;">First DIV Tag</a></td>
<td><a href="" onclick="ToggleDiv('d2'); return false;">Second DIV Tag</a></td>
<td><a href="" onclick="ToggleDiv('d3'); return false;">Third DIV Tag</a></td>
</tr>
</table>
<table border="0" style="WIDTH: 100%" width="100%" bgcolor=DarkSeaGreen>
<tr>
<td><div id="d1">You wanted to show "First DIV" alone</div></td>
<td><div style="DISPLAY: none" id="d2">You wanted to show "Second DIV" alone</div></td>
<td><div style="DISPLAY: none" id="d3">You wanted to show "Third DIV" alone</div></td>
</tr>
</table>
</body>
</html>
Best Regards
Vadivel
MVP ASP/ASP.NET
http://vadivel.thinkingms.com