Menu dropdown attivare hover anche sull'elemento padre

[creosoto]

Ho fatto un menu orrizzontale a due livelli fatto con i css e funzione benone .. vorrei però che lo stato di hover rimanesse tale sulla prima voce anche quando sono sulla seconda con il cursore.

Non riesco a trovare una soluzione con i soli css ...forse utilizzando un script? Sono a digiuno in tal senso

Ringrazio

[cavicchiandrea]

Originariamente inviato da creosoto
... Non riesco a trovare una soluzione con i soli css

Perché credo che non ci siano

...forse utilizzando un script? Sono a digiuno in tal senso...

vedi se nelle guide clicca qui puoi trovare indicazioni, ma io ti consiglio di cercare in rete un menu simile al tuo già pronto vista l'inesperienza in js.

[creosoto]

Seguendo il vostro consiglio ho provato con jquery... mi manca solo un passaggio:

<script type='text/javascript'>

$(document).ready(function(){

$(".mega ul li a").hover( function () {
$("ul#nav > li > a").addClass("padre"); }, function () {
$("ul#nav > li > a").removeClass("padre");} );
});
</script>


<ul id="nav">[*]<span>Voce 1</span>[*]<span>Voce 2</span>
<div class="mega small">
<ul>[*]Prima voce secondo livello a [*]Seconda voce secondo livello[*]Terza voce secondo livello[*] [/list]
</div>
[/list]

Così aggiungo la classe all'elemento padre, ma non solo anche alle voci simili di prmo livello...
Come faccio ad aggiungere una classe solo alla voce padre di primo livello?

grazie ancora un saluto

[creosoto]

Penso che ho trovato:

<script type='text/javascript'>

$(document).ready(function(){

$(".mega ul li a").hover( function () {
$(this).parent().parent().parent().parent().addCla ss("parent"); }, function () {
$(this).parent().parent().parent().parent().remove Class("parent");} );
});

</script>

Risalgo di quattro nodi del dom e identizzo la voce padre con una classe che mi emula l'hover