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

問題是加載的div（#reg_form）的某些部分覆蓋了#new_opt div，因此光標不會更改爲指針，而toggle（）不工作。

Answer 2

試試這個：

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

，並刪除CSS。