Dropdown menu con .hover()

[andre9004]

Vorrei realizzare un menu dropdown in jquery in modo che se passo il mouse sopra un div, mi si apre un menu e se ci metto il mouse sopra esso rimane aperto...

Ho dei problemi poichè vorrei mantenere questi requisiti:

Passo il mouse sul div ---> si apre il menu
Tolgo il mouse dal div ---> si chiude il menu

Passo il mouse sul div ---> si apre il menu
passo il mouse sul menu ---> rimane aperto
tolgo il mouse dal menu ---> si richiude

Il problema è nel secondo caso, poichè se passo il mouse sul div il menu si apre ma poi se passo il mouse sul menu esso si chiude perchè ho tolto il mouse dal div...

Per spiegarmi meglio:

Struttura:

<--! div su cui passo il mouse -->
<div>DIV</div>

<!-- menu che si apre e chiude -->
<div>
   <a>Voce 1</a>
   <a>Voce 2</a>
</div>

Passaggi con immagine:


Consigli? Grazie mille

 

[criric]

Ciao,
hai già provato a racchiudere il sottomenu nel div principale?

<div>DIV
    <div>
       <a>Voce 1</a>
       <a>Voce 2</a>
    </div>
</div>

 

[andre9004]

non posso per motivi strutturali del layout

edit. sono riuscito a risolvere i problemi derivati da metterlo all'interno... quindi ora funziona tutto alla grande! grazie millee