$.noop() variable in jQuery works for one cycle, but not two
<p>This script is for a text box to fadeIn onClick then fadeOut onClick.  It works the first time.  But, the second time you do it, the $.noop() variable doesn't work.  <a href="http://www.paulbedal.com" rel="nofollow">Here's</a> the link of the site I just started working on.  If you click on the "music","bio", or "links" tabs twice you will see what I'm talking about.  Here's the jQuery:</p>

<pre><code>$(document).ready(function() {
$('#music-box').hide();
    $('#links-top-music').click(function() {
        $('#music-box').fadeIn(1000);
        $.noop();
                $('#links-top-music').click(function() {
                    $('#music-box').fadeOut(750);
                });
            });
        });
</code></pre>
