this is a simple example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function tabs(view,hideA,hideB) {
if (view.style.visibility == "hidden") {
view.style.visibility = "visible";
view.style.display = "block";
hideA.style.visibility = "hidden";
hideB.style.visibility = "hidden";
hideA.style.display = "none";
hideB.style.display = "none";
}else{view.style.visibility = "hidden";
view.style.display = "none";
}
}
//-->
</script>
</head>
<body>
<div><a href="javascript:void(0);" onClick="tabs(indexA,indexB,indexC)">tab a</a>
| <a href="javascript:void(0);" onClick="tabs(indexB,indexA,indexC)">tab b</a>
| <a href="javascript:void(0);" onClick="tabs(indexC,indexA,indexB)">tab c</a></div>
<div id="indexA" style="visibility: hidden;">clicking on tab a displays index
a</div>
<div id="indexB" style="visibility: hidden;">clicking on tab b displays index
b</div>
<div id="indexC" style="visibility: hidden;">clicking on tab c displays index
c</div>
</body>
</html>