title: How to do Dropbox Like Login Button?
body: <p>I'm trying to do Dropbox like login button.
  There was a thread <a href="https://stackoverflow.com/questions/6245859/dropbox-login-popup-method-in-jquery">dropbox login popup method in jQuery?</a> but I couldn't do something on this. 
  I want it to be opened when I press the login button same as dropbox.com</p>
  
  <p>This is an example code. Now it works on hover. But I want on click. I tried focus but couldn't succeed. </p>
  
  <pre><code>&lt;div id="login"&gt;
      &lt;a href="#"&gt;Login&lt;/a&gt;
      &lt;div&gt;
          Login Form
          Lorem Ipsum blablbalbabababa lbablaabalbalba
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And </p>
  
  <pre><code>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;
  }
  </code></pre>
  
  <p>This is the demo of this code <a href="http://jsfiddle.net/sXmAe/" rel="nofollow noreferrer">http://jsfiddle.net/sXmAe/</a></p>
  
  <p>Probably it is easier with Jquery but I don't know how. </p>