Ho questi 2 pulsanti che mi vanno a richiamare 2 div sovrapposte, ma quando voglio nascondere l'una e rendere visible l'altra nn mi funzionano...
qlc può aiutarmi?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
.demo {
color:#000033;
background-color:#cccccc;
layer-background-color:#cccccc;
position:absolute;
top:101px;
left:189px;
width:480px;
height:280px;
z-index:99;
visibility: hidden;
}
-->
</style>

<script type="text/javascript">
<!--
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
if(document.layers) //NN4+
{
document.layers[szDivID].visibility = iState ? "show" : "hide";
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(szDivID);
obj.style.visibility = iState ? "visible" : "hidden";
}
else if(document.all) // IE 4
{
document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
}
}
// -->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>

<body>
<div ID="newsdiv" class="demo">
news</div>
<div ID="sportdiv" class="demo">
sport</div>
<input type="button" onClick="toggleBox('newsdiv',1,'sportdiv',0);" value="news">
<input type="button" onClick="toggleBox('sportdiv',1,'newsdiv',0);" value="sport">
</body>
</html>