Buenas, estoy intentando hacer un botón que al hacer click muestre un formulario de acceso, y al salir el ratón de ese formulario el formulario vuelva a esconderse.
El problema que tengo es que aunque consigo que esto ocurra con el formulario, cuando el ratón se acerca a algún input o label, el formulario se oculta, entiendo que porque de alguna manera ha "abandonado" el form.
Dejo el código a ver si me podéis ayudar:
Código:
<form id="login">
<label for="nombre">Nombre de usuario</label>
<input type="text" id="nombre" placeholder="Nombre de usuario">
<label for="contrasena">Contraseña</label>
<input type="password" id="pass" placeholder="Contraseña">
<input type="submit" value="Acceder">
</form>
Código:
$(document).ready(function(){
$('#login').hide();
$('#acceso').click(function(){
$('#login').slideDown("slow");
})
$('#login').hover(function(){
$('#login').show();
})
$('#login').mouseout(function(){
$('#login').slideUp("slow");
})
})
#acceso es el botón al que se hace click para mostrar el formulario.
¿Alguna solución?
Gracias y un saludo