Как сделать Dropbox как кнопку входа в систему?
Я пытаюсь сделать Dropbox как кнопку входа в систему. Была нитьметод всплывающего окна входа в систему в jQuery? но я не мог ничего с этим поделать. Я хочу, чтобы он открывался, когда я нажимаю кнопку входа в систему так же, как dropbox.com
Это пример кода. Теперь это работает на зависании. Но я хочу по клику. Я попытался сосредоточиться, но не смог добиться успеха.
<div id="login">
<a href="#">Login</a>
<div>
Login Form
Lorem Ipsum blablbalbabababa lbablaabalbalba
</div>
</div>
А также
div#login {
position: relative;
float: right;
height: 20px;
padding: 5px;
}
div#login:focus {
background: rgba(0,0,0,.2);
}
div#login div {
position: absolute;
top:30px;
right:0;
width: 200px;
height: 100px;
padding: 10px;
background: rgba(0,0,0,.2);
visibility: hidden;
}
div#login:focus div {
visibility: visible;
}
Это демо этого кодаhttp://jsfiddle.net/sXmAe/
Наверное, с Jquery это проще, но я не знаю как.