Javascript:visibilite pour Menu

Bonjour,

Je ne mit connais pas beaucoup en Javascript, mais j'aurais besoin d'un complément de code.
Le problème, j'ai le code suivant

HEAD

<script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
<script>

HTML

        	<ul>
        		<li><a href="javascript:;" title="Accueil" id="graphics">Accueil<br /><span class="bleu">Accueil</span></a></li>
            	<li><a href="javascript:visibilite('desc');" title="Création" id="web">Création<br /><span class="bleu">Création</span></a></li>
            	<li><a href="javascript:;" title="Profil" id="trd">Profil<br /><span class="bleu">Profil</span></a></li>
            	<li><a href="javascript:;" title="Contact" id="profil">Contact<br /><span class="bleu">Contact</span></a></li>
        	</ul>

            
<div id="desc" style="display:none"> test </div>

Pour l'instant ce bout de code me permet quand je clique sur Création d'afficher le texte 'test' à un endroit dans ma page.
Je voudrais de l'aide pour le terminer, permettre que quand on clique sur Création que la Div s'affiche, mais que quand on clique sur Accueil, Profil ou Contact, la Div disparait et ne reparaitra que si on reclique sur Création

et aussi éviter que quand on clique une fois il apparais et quand on reclique il disparais.

Merci d'avance au personne qui passerons du temps pour y repondre, meme si c'est pour me renvoyer vers des tutos ou autre ( bien que j'ai deja fait pas mal de recherche)

JeasonP