[RodgerFox]

Добрый день, уважаемые пользователи форума.
Подскажите пожалуйста, что я делаю не так.
Есть ссылка, при нажатии появляется соседний блок, при нажатии опять на ссылку или вне появившегося блока он должен прятаться, ну все как обычно. Только прячется он почему то, только при повторном нажатии на ссылку.
Листинг:

$(document).ready(function(){

var button = $('#logina');
        var box = $('#container');
        var form = $('#loginForm');
button.removeAttr('href');
$("a#logina").click(function (login) {
   box.toggle();
                box.addClass("act-box");
                button.addClass('active');
        
});
        form.click(function() { 
                return false;
        });
//вот тут что то не так. условие, типа нажатие вне области блока формы, то закрытие. 
        $(this).click(function(login) {
                if(!($(login.target).parent('#logina').length > 0)) {
                        button.removeClass('active');
                        box.toogle();
                        box.removeClass("act-box");
                }
        });
});

И сама шатамэлочка:

<a href="#" id="logina">login</a>
  <div id="container">
<form id="loginForm">
<h2>hellow, world</h2>
</form>
  </div>

p.s. убираем атрибут href ибо если js работает в браузере то пусть открывает форму, если нет, как обычная ссылка на другую стр.
Подскажите пожалуйста, что делаю не так? >.<