ciao,
ho realizzato un drop down menu con jquery.
Il funzionamento è semplice:
- al passaggio del mouse (evento mouseover) il menu si attiva e mostra un DIV.
- il div scompare quando si clicca su una qualsiasi parte della pagina ad eccezzione del div mostrato.

Il mio problema è che non riesco a realizzare, a pieno, il secondo punto... Se clicco sul DIV mostrato, esso scompare.
- - - -
Per far scomparire il div cliccando in una qualsiasi parte della pagina uso:

codice:
		$(document).click(function () {
		 RimuoviDIV();
		});
Per inibire gli eventi associati al DIV uso:

codice:
$('#id_div').unbind('click');
Il problema è che questo unbind non funziona. Nel senso che l'istruzione non fa suo lavoro. Difatti se si clicca sul div, gli eventi associati sono ancora attivi, e il div scompare.

Ecco il codice completo (view-source) con la mia demo: http://www.decalfont.com/dd_html_forum.html


PS: non guardate il CSS che non c'entra con problema. Inoltre ho ritardato il metodo unbind di 400 ms, per essere sicuro che il div si sia caricato.

Grazie a chi mi da una mano!


Mattia