Afficher/Masquer 1 div en masquant les autres

Bonjour,

En fait j'ai un javascript qui me permet actuellement d'afficher ou de masquer une div ... Jusque là rien de bien méchant :

----------------------------------------------------------------------------------------------------------------------------------------------------------

echo"<script language=JavaScript>

function ToggleMenu(id)
{
if (!window.document.getElementById)
{ return; };

var display = window.document.getElementById(id).style.display;

if (display == \"none\")
{ display = \"block\"; }
else
{ display = \"none\"; }

window.document.getElementById(id).style.display = display;
}</script>";

----------------------------------------------------------------------------------------------------------------------------------------------------------


J'ai donc à plusieurs endroits ceci :

<a href=\"javascript:ToggleMenu('Match".$i."')\">[-]</a>


Qui me permet d'ouvrir ces div ou de les masquer quand je clique sur [-]

----------------------------------------------------------------------------------------------------------------------------------------------------------

MON PROBLEME :

J'aimerais en fait que parmi ces div, lorsque j'en affiche une, TOUTES LES AUTRES se masquent. En gros je ne veux pas avoir plus d'une div d'affichée ... Pour information, j'ai une variable qui me permet de connaitre le nombre de $i total, si ça peut vous aider ...
En PHP je n'ai aucun probleme, mais le javascript ... oulalalala !!!

J'espere que vous pourrez m'aider !!

MERCI !!