title: jQuery automatically fade in div and fade out on scroll
body: <p>I am a little new to JQuery and I am trying to make a div at the bottom of the page fade in when the page loads and then when a user starts to scroll the div needs to fade out and then reappear when scrolling back to the top.</p>
  
  <p>The code I have done just to fade the div in isn't working and can be seen here <a href="http://jsfiddle.net/DeZnT/" rel="nofollow">http://jsfiddle.net/DeZnT/</a> </p>
  
  <p>The jQuery I am using is </p>
  
  <pre><code>$(document).ready(function () {
      $(function(){
           $(".other_product_links").animate({bottom:'0px'});
        });
  });
  </code></pre>
  
  <p>Thank you in advance for your time and assistance.</p>