title: JQuery animate with slidedown
body: <p>My top nav has an animation. While scrolling down it works fine, but the animation comes with fade effect. What i want is  slidedown effect of the background. As scroll doesn't trigger the slide down, Cant make it work like sliding down. can anyone help me?</p>
  
  <p>here is my site:</p>
  
  <p><a href="http://goo.gl/8xt1XZ" rel="nofollow">http://goo.gl/8xt1XZ</a></p>
  
  <p>and here is my code:</p>
  
  <pre><code>$(function() {
  var floating_navigation_offset_top = $('#floating-nav').offset().top;
  $(window).scroll(function(){
      var scrollTop = $(window).scrollTop();
      if(scrollTop &gt; floating_navigation_offset_top)
          $('#floating-nav').stop().animate({'opacity':'1'},800).css({'position':'fixed','top': '0', 'z-index': '99'});
      else   
          $('#floating-nav').stop().animate({'opacity':'0'},40);
  });
  
  });
  </code></pre>