Unresponsive button in jQuery; takes a long time to respond and reload
<p>I have a button in jQuery: it's purpose is to show and hide a small block of text for the user on it's activation.
Here is the full website: <a href="https://gist.github.com/1616366" rel="nofollow">https://gist.github.com/1616366</a></p>

<p>And here is the jQuery code:</p>

<pre><code>    $(document).ready(function()
    {
        $("p#derp").hide();
        $("button").click(function(){
            $("p#derp").slideDown("medium");
                $("button").click(function() {
                    $("p#derp").hide();
                    });
        });
    });
</code></pre>

<p>It WORKS, yes, but you have to wait about 3 seconds before it can be pushed and activated again.
I tried making another $document.ready(function() }); round the button.click function and hide, but it just doesn't seem to get the problem solved.</p>
