Dropdown menu con .hover()

andre9004

Utente Attivo
15 Mar 2012
104
1
0
Lombardia
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:

Codice:
<--! 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:
Immagine.png

Consigli? Grazie mille :D
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
hai già provato a racchiudere il sottomenu nel div principale?
HTML:
<div>DIV
    <div>
       <a>Voce 1</a>
       <a>Voce 2</a>
    </div>
</div>
 

andre9004

Utente Attivo
15 Mar 2012
104
1
0
Lombardia
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! :D grazie millee
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
F Dropdown menu con tabella PHP 33
J Bootstrap dropdown menu non funziona con jquery-1.8.2??? jQuery 5
L Selezione da database con DropDown Menu e visualizzazione PHP 10
D Menu con immagine a stile DropDown jQuery 0
S spostare il pulsante menu dropdown HTML e CSS 8
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
L [HTML] Menu di 4 livello "dropdown menu" HTML e CSS 6
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
A Problema Menu dropdown orizzonate HTML e CSS 1
L menu dropdown orizzontale su 3 livelli. Evidenziare la voce generale HTML e CSS 0
C Roundec Corner Select ( Dropdown menu) HTML e CSS 1
W [CSS] Menù dropdown aggiungere un SUB-Menu HTML e CSS 0
psikolele Dropdown menù HTML e CSS 2
S Gestire scelta dropdown con dati da Mysql PHP 2
Alex_70 Visualizzare anteprima foto in dropdown PHP 2
felino [HTML] Font Awesome icon all'interno di una dropdown HTML e CSS 3
L Navbar dropdown con Bootstrap: link ai css CMS (Content Management System) 4
F Slide down/up dropdown Bootstrap jQuery 0
F errore select option dropdown list jQuery 15
C Login DropDown WordPress 0
C Multi DropDown... Funzionamento PHP 3
D dropdown panel con ajax e aspnet 3.5 ASP.NET 6
F Menu responsive larghezza schermo HTML e CSS 2
G Colorare menu select attraverso ricerca php PHP 0
M Creazione menu a tendina Javascript 3
D menu con submenu orizzontale HTML e CSS 0
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
G creazione menu a tendina e invio a pagina php PHP 1
P Sub menu con Collapse. Javascript 0
R abilitare menu a tendina tramite relativa chekbox PHP 17
L Aiuto creazione menu mancante WordPress 0
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
A [WordPress] Menu bar WordPress 0
W [WordPress] Non si vedono le categorie da aggiungerle al Top Menu WordPress 3
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Selezione da menu a discesa con 2 variabili PHP 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
M [PHP] Creare un menu a tendina con pdo PHP 18
M [Javascript] Caricamento menu da file esterno Javascript 8
W [HTML] Animazione menu mobile HTML e CSS 0
P [HTML] Eliminare doppio menu in wordpress WordPress 2
andreas88 [PHP] menu PHP 15
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
P [Javascript] Voce del menu evidenziata in base alla pagina attiva Javascript 48
V [WordPress] Come modificare link in tasto menu css WordPress 21
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6

Discussioni simili