que tal por fin encontre respuesta mi pregunta (sabia que estaba por aqui)
bien este es el code:
Código:
<html>
<head>
<style type="text/css">
.micapa {display:none}
</style>
<script type="text/javascript">
var capa=null;
function mostrar(c) {
obj=document.getElementById(c);
if(capa!=null)
capa.style.display='none';
obj.style.display='block';
capa=obj;
}
</script>
</head>
<body>
<a href="#" onclick="mostrar('capa1');return false">Capa 1</a>
<a href="#" onclick="mostrar('capa2');return false">Capa 2</a>
<div id="capa1" class="micapa">C1</div>
<div id="capa2" class="micapa">C2</div>
</body>
</html>
tomado de este ejemplo:
http://www.forosdelweb.com/f13/mostrar-ocultar-capas-278355/
.