login.js

$(function() {
    var button = $('#loginButton');
    var box = $('#loginBox');
    var form = $('#loginForm');

    button.removeAttr('href');
    button.mouseenter(function(login) {
        box.toggle();
        button.toggleClass('active');
    });
      button.mouseleave(function(login) {
        box.toggle();
        button.toggleClass('active');
    });
      box.mouseenter(function()
      {
              box.toggle();
        button.toggleClass('active');
      });
       box.mouseleave(function()
      {
              box.toggle();
        button.toggleClass('active');
      });
    form.mouseup(function() {
        return false;
    });
    $(this).mouseup(function(login) {

        if(!($(login.target).parent('#loginButton').length > 0)) {
            button.removeClass('active');
            box.hide();
        }
    });
});