Make Element Disappear After scrollTop
<p>What could I add to the below code in order to make #top disappear after scrolling to the top?</p>

<pre><code>$(document).ready(function() {
    $('#top').hide();
        $(window).scroll(function () {
            $('#top').fadeIn(3500);
        });
        $('#top').click(function(){
            $('html, body').animate({scrollTop:0}, 'fast');
            return false;
    });
});
</code></pre>
