jQuery .toggle() not working
<p>The code:</p>

<pre><code>$(document).ready(function() {  
    $('#new_opt').click(function() {  
        $('#reg_form').toggle('slow');  
    });  
}); 
</code></pre>

<p>Using Firefox.<br>
First time I click, it shows, but then it doesn't hide when I click after that.</p>

<p>CSS: </p>

<pre><code>#reg_form - display: none;
</code></pre>

<p>If it helps - </p>

<pre><code>#new_opt - cursor: pointer;
</code></pre>

<p>When I click the first time the cursor is pointer and it shows but after that the cursor doesn't become a pointer too. weird.</p>
