正确实现toggle()?

时间:2013-06-24 19:21:32

标签: jquery

请有人可以告诉为什么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;
}

1 个答案:

答案 0 :(得分:7)

简单地

$('a').click(function(){
    console.log('Clicked...');
    $('#login-form').toggle();
});

编辑: Kevin的精彩评论

  

1.9中删除了.toggle的“click”版本,它不再可用于绑定点击事件。在大多数情况下,它的使用可以用单击事件和切换方法替换,例如toggle,toggleClass等

Working Fiddle