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.