menu cliquable probleme

Bonjour a tous.

Sur ma page internet, je cherche a faire un menu ou lorrsque l on clique sur un de ses elements, les sous menu apparaissent, mais dans un cadre different (soit dans un div different).
Voici ci dessous mon code html ainsi que java script:

Javascript :

function clic(nom)
{
if ( document.getElementById(nom).className == "element_menu_g_hide" )
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
this.getElementById(nom).className="element_menu_g_show";
}

if ( document.getElementById(nom).className == "element_menu_g_show" )
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
this.getElementById(nom).className="element_menu_g_hide";
}

}




HTML / ASP:

<div class="element_menu_g_hide"id="menu1">
<li><span onClick="clic('menu1')">DATA</span>
<ul>
<li><a href="#">ssmenu1</a></li>
<li><a href="#">ssmenu2</a></li>
<li><a href="#">ssmenu3</a></li>
<li><a href="#">ssmenu4</a></li>
</ul>
</li>
</div>



Quelqun saurait il ou est mon erreur ? Je javascript depuis une semaine, mon niveau narrive pas a la deceler.

Remplace tous les "this." par "document."

ca m a pas mal aide ce que tu viens de me dire!!!

J ai rectifie 2 3 truc en plus et c bon ! ca march:roll: e! je suis trop heureux