<style>
/* cache dès le début les div */
.menu
{
	display:none;
}
</style>

<a href="javascript:affiche('works')">Works</a> _ 
<a href="javascript:affiche('infos')">Infos</a>

<!-- Ce qui affiche la div suivante -->
<div id="works" class="menu">
</div>

<!-- ou bien celle-ci : -->
<div id="infos" class="menu">
</div>

<script type="text/javascript">
// fonction pour caché l'objet
function hide(objet)
{
	var obj = document.getElementById(objet);
	obj.style.display = "none";
}

// fonction pour l'afficher
function show(objet)
{
	var obj = document.getElementById(objet);
	obj.style.display = "block";
}

function affiche(type)
{
        //selon la valeur transmise affiche works / cache infos
	if(type == "works")
	{
		hide("infos");
		show("works");
	}
	else if(type == "infos")
	{
		hide("works");
		show("infos");
	}
}

</script>