esiste un modo per non ricorrere ai js per fare un menu che al passaggio del mouse su una voce cambia i link presenti in un sottomenu?

questo è l' xHtml:

codice:
<div id="topMenu">
<ul>
<li id="activelink">Chi Siamo[*]Servizi[*]Noleggi[*]Contatti[/list]
</div>

[...]

<div id="mainMenu">
<ul>
<li id="active">Origini[*]L'azienda[*]Lo staff[/list]
</div>


e questo è il Css:


codice:
#topMenu {
     width: 350px;
     margin: 0px;
     padding: 0px;
     margin-left: auto;
     padding-top: 65px;
     text-transform: lowercase;
     overflow: hidden;
}
#topMenu ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
#topMenu li {
     float: right;
     margin:0;
     padding: 0;
}
#topMenu a {
     display: block;
     width: 70px;
     line-height: 23px;
     text-decoration: none;
     text-indent: 10px;
     font-size: 12px;
     text-indent: 10px;
     border-left: #fc0 solid 1px;
}

#mainMenu {
     width: 100%;
     height: 26px;
     background: url(img/rBar2.png) repeat-x;
}
#mainMenu ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
#mainMenu li {
     float: left;
     margin: 0;
     padding: 0;
}
#mainMenu a {
     display: block;
     width: 70px;
     line-height: 26px;
     text-decoration: none;
     text-indent: 10px;
     font-size: 12px;
     text-indent: 10px;
     color: #fc0;
}
sono entrambi menu orizzontali, vorrei che al passaggio del mouse su una voce del primo menù (tipo chi siamo), si visualizzino nel secondo menu quelle voci inerenti la sezione di sopra...

ho dato un occhio ai Js in circolazione ma fanno tutte cose molto complicate... a me serve solo una funzione che faccia hide e un-hide

suggerimenti?