title: jQuery Fixed Menu trying to fadeIn fadeOut
body: <p>I've created a Fixed Menu but can't figure out the jQuery to make it fadeIn when it starts and then to fadeOut when I scroll up.</p>
  
  <p>The Menu up top should stay when I scroll back up with the fixed Menu fading out.</p>
  
  <p>Here's a link that will best explain what I need help with</p>
  
  <p><a href="http://jsfiddle.net/Boardtalk/oh2avwoq/2/" rel="nofollow">http://jsfiddle.net/Boardtalk/oh2avwoq/2/</a></p>
  
  <p>Here's the jQuery</p>
  
  <pre><code>jQuery("document").ready(function($){
  
      var nav = $('#nav-main');
  
      $(window).scroll(function () {
          if ($(this).scrollTop() &gt; 136) {
              nav.addClass("fixed-nav");
          } else {
              nav.removeClass("fixed-nav");
          }
      });
  
  });
  </code></pre>
  
  <p>Here's the CSS</p>
  
  <pre><code>.fixed-nav { 
  z-index: 9999; 
  position: fixed; 
  top: 0; 
  width: 95%;
  border: 5px solid transparent;
  border-radius: 0 0 7px 7px;
  max-width: 1133px;
  background-color: #cadceb;
  margin: 0 -10px !important;
  padding: 2px 5px !important;
  </code></pre>
  
  <p>} </p>
  
  <p>Thanks for reading and hope you can help. I've searched for several days but can't figure out a solution.</p>
  
  <p><a href="http://jsfiddle.net/Boardtalk/oh2avwoq/2/" rel="nofollow">http://jsfiddle.net/Boardtalk/oh2avwoq/2/</a></p>