Add an animation to jQuery scrolling sidebar
<p>I am using a scrolling sidebar function in jQuery and would like to add an animation to the transition.  How do I edit my code to apply an animation to smooth the transition when scrolling up and down on the page?</p>

<p>Here is my <a href="http://jsfiddle.net/cearnhart/4VbDN/5/" rel="nofollow">FIDDLE</a></p>

<p>Here is my js:</p>

<pre><code>$(function() {

    var $blah   = $("#blah"), 
        $window    = $(window),
        offset     = $blah.offset();

  $window.scroll(function() {
        if ($window.scrollTop() &gt; offset.top) {
   $blah.css('top','120px');
         } else {
   $blah.css('top','440px');
   }
    });


});
</code></pre>

<p>Here is my CSS:</p>

<pre><code>#blah {
    display:none;
    top: 320px;
    right: 30px;
    position: fixed;
    margin: 0 20px 0 20px;
    padding: 0px !important;
}
</code></pre>
