Miten?

Koko satsin väsääminen vaatisi jo hiukan vaivannäköä ja nysväystä, mutta kirjottelen jotain kuitenkin...

Eli sen menun voit rakentaa esim. tällä tavalla



INTERVENTIO
Ajankohtaista interventiosta


Sitten toi funktio (onmouseover)....
function toggleMenu(Menu) {
var oldValue = Menu.style.display;
Menu.style.display = (oldValue == 'inline') ? 'none' : 'inline';
}

... ja lopuksi muotoilua....


.menu {
display:none;
width:200px;
}

.menuHeader {
background-color:rgb(0,100,0);
color:white;
font-weight:bold;
width:100%;
}

.menuContext {
background-color:white;
color:black;
font-weight:normal;
width:100%;
}

a {
width:100px;
text-decoration:none;
color:rgb(0,100,0);
background-color:white;
}

a:hover {
bacground-color:rgb(0,100,0);
color:white;
}



Juuh, eli jotain tuollaista suunnilleen, värit ei oo samat eikä varmaan muotoilu muutenkaan kohdallaan, eikä toi toimi kun yhden menun kanssa, mutta onhan siinä alkua.