JS Hover

Hallo,

Ik ben bezig een menu beetje goed te maken, alleen lukt het niet echt....
Ik heb nu hetvolgende:

<li><a href="" onmouseover="ShowMenu(home)" onmouseout="ShowMenu(home)">Home</a><span id=sub-home></span></li>

Met JS:

function ShowMenu(menu){
    if(document.getElementById(sub-+menu).style.visibility == hidden){
        document.getElementById(sub-+menu).style.visibility = visible;
    }
    else{
        document.getElementById(sub-+menu).style.visibility = hidden;
    }
}

Maar om een of andere rede werkt dit niet goed...
Het is de bedoeling dat als je de link hovert de span ook zichtbaar word, maar dit gebeurt niet.
Wat er wel gebeurt is dat zodra je met je muis van de link afgaat hij ineens zichtbaar word, en zodra je er weer overheen gaat hij weer verdwijnt etc.
Hij doet het dus precies verkeerd om.
Maar wat doe ik verkeerd?

<li><a href="" onmouseover="ShowMenu(home)"><span id=sub-home>Home</span></a></li>

Je span hoort volgens mij wel gewoon binnen het a element anders werkt het idd niet.

Nee maar het gaat om 2 verschillende dingen he, die span moet niet binnen de as, maar gewoon door die functie weergegeven worden!

Problem solved!
Heb het niet meer met JS lopen!

Problem solved!
Heb het niet meer met JS lopen!