jQuery .toggle（）无效

Question

代码：

$(document).ready(function() {  
    $('#new_opt').click(function() {  
        $('#reg_form').toggle('slow');  
    });  
}); 

使用Firefox。
我第一次点击它显示，但是当我点击之后它就不会隐藏。

CSS：

#reg_form - display: none;

如果有帮助 -

#new_opt - cursor: pointer;

当我第一次点击光标指针时它会显示但是之后光标也不会成为指针。怪异。

Answer 1

试试这个：

$(document).ready(function() {  
    $('#reg_form').hide();
    $('#new_opt').click(function() {  
        $('#reg_form').toggle('slow');  
    });  
}); 

并删除该CSS。

Answer 2

问题是正在加载的div（#reg_form）有一部分覆盖了#new_opt div，因此光标没有变为指针而且toggle（）不起作用。