Ciao a tutti,
sto cercando di realizzare un menu dropdown per l'autenticazione degli utenti.
Questo menù dropdown ha la classica funzionalità di apertura di un di un sotto menu a tendina al passaggio del mouse su un link.
Vi posto il codice
html:
codice HTML:
<ul id="menu-helper">
<li>
<a href="">Registrati</a>
</li>
<li style="position: relative">
<a href="#" id="jlogin">Login</a>
<div id="nav-login">
<form>
<!-- qui il contentuto del form-->
</form>
</div>
</li>
<li>
<a href="">Aiuto</a>
</li>
</ul>
CSS:
codice HTML:
ul#menu-helper{ list-style: none; margin: 0; padding: 0;}
ul#menu-helper li{ float: left;
}
ul#menu-helper li a,ul#menu-helper li a:link,ul#menu-helper li a:visited{ font-family: 'Roboto', sans-serif; display: block; background-color: #000000; color: #ffffff; padding: 10px 6px; margin: 0;}
ul#menu-helper li a:hover,ul#menu-helper li a:focus,ul#menu-helper li a:active{ display: block; background-color: #0186ba;}
#nav-login{ display: none; position: absolute; padding: 20px 10px; top: 40px; right: 0px; width: 170px; background-color: #0186ba;}
javascript:
Codice PHP:
$(document).ready(function(evt){
var jLogin = $('#jlogin');
jLogin.click(function(e){
e.preventDefault();
})
jLogin.hover(
function(e) {
$('#nav-login').stop(true, true).delay(50).slideDown(100); },
function(e)
{
// codice per chiusura dropdown.....
}
)
})
Fino all'apertura del div con id nav-login ok, adesso il problema e chiuderlo quando passo con il mouse fuori a questo div... help help