jquery - トグル（）の正しい実装？

Question

toggle() 関数が機能しない理由を教えてください。単純な構文の問題ではなく、これが機能しないより技術的な理由があることを願っています。

http://jsfiddle.net/LEusd/

JS

$('a').click(function(){
    console.log('Clicked...');
    $('#login-form').toggle(function(){
        console.log('Show...');
        $(this).show();
    }, function(){
        console.log('Hide...');
        $(this).hide();
    });
});

HTML

<a href="#" title="">Link</a>
<div id="login-form"></div>

CSS

#login-form {
    border:1px dashed red;
    display: none;
    height: 100px;
    width: 100px;
}