asi es que lo tengo no se en que estoy fallando...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style>
body{ margin:0px;}
#header{ background-color:#000000; height:250px; width:auto;}
#oculto{ background-color:#FF9999; height:350px; width:auto; display:none;}
.aparece{display:inherit;}
#header2{background-color:#CC3300; height:150px; width:auto;}
</style>
<script>
function aparecer(){
var element = document.getElementById("oculto");
elemento.className = "aparece";
}
</script>
</head>
<body>
<div id="header"></div>
<div id="oculto"></div>
<div id="header2"></div>
<div id="body">
<div id="info"><a href="#" onclick="aparecer();">informacion</a></div>
</div>
</body>