[teragalaxy]

$(function() {
    var button = $('#loginButton');
    var box = $('#loginBox');
    var form = $('#loginForm');
    button.mouseup(function(login) {
        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();
        }
    });
});
$(function() {
    var button = $('#joinButton');
    var box = $('#joinBox');
    var form = $('#joinForm');
    button.mouseup(function(join) {
        box.toggle();
        button.toggleClass('active');
    });
    form.mouseup(function() { 
        return false;
    });
    $(this).mouseup(function(join) {
        if(!($(join.target).parent('#joinButton').length > 0)) {
            button.removeClass('active');
            box.hide();
        }
    });
});

$(function() {
    var button = $('#amediaButton');
    var box = $('#amediaBox');
    var form = $('#amediaForm');
    button.mouseup(function(id) {
        box.toggle();
        button.toggleClass('active');
    });
    form.mouseup(function() { 
        return false;
    });
    $(this).mouseup(function(id) {
        if(!($(id.target).parent('#amediaButton').length > 0)) {
            button.removeClass('active');
            box.hide();
        }
    });
});

и т.п.
И ещё: Нажав на кнопку (например joinButton) появляется форма, нажав на неё повторно - форма скрывается. А как сделать чтобы форма не скрывалась, а скрывалась только в том случае если произошёл клик вне поля формы или по какой-либо другой кнопке?

Заранее благодарю за ответ