$(document).ready(function() {
    $(".login").click(function(e) {
        e.preventDefault();
        $("#login").toggle();
        $(".login").toggleClass("menu-open");
        $("#username").focus();
    });

    $("#login").mouseup(function() {
        return false
    });
    
    $(document).mouseup(function(e) {
        if($(e.target).parent("a.login").length == 0) {
            $(".login").removeClass("menu-open");
            $("#login").hide();
        }
    });
});

$(document).ready(function() {
    $(".bottom-login").click(function(e) {
        e.preventDefault();
        $("#bottom-login").toggle();
        $(".bottom-login").toggleClass("menu-open");
        $("#bottom-username").focus();
    });

    $("#bottom-login").mouseup(function() {
        return false
    });
    
    $(document).mouseup(function(e) {
        if($(e.target).parent("a.bottom-login").length == 0) {
            $(".bottom-login").removeClass("menu-open");
            $("#bottom-login").hide();
        }
    });
});