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:
CSS: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>
javascript: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;}
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

Rispondi quotando
