jquery - フェードアウトメニューとトップに戻るボタンで切り替える

Question

基本的な JavaScript のヘルプを探しています。下にスクロールするとフェードアウトする固定メニューがあります。この時点で、トップに戻るボタンをフェードインしたいのですが、唯一の問題は、メニューのようにトップに戻るボタンをフェードインおよびフェードアウトできないことです。点滅し続けます。

.stop() を使用しようとしましたが、これが正しい方法かどうかわかりません。

ここに私のコードペンへのリンクがあります — http://codepen.io/veryrobert/pen/xbEaH

HTML

<div>
  <button id="top">Back to top</button>
  <ul id="nav" >
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
  </ul>
</div>

Jクエリ

$(window).scroll( function(){

  var scrollTop = $(window).scrollTop()>10;
  var top = $('#top');
  var nav = $('#nav');

  if(scrollTop != 0) {

  nav.fadeOut();  
  top.fadeIn();
  }

  else {
// I was missing my {} 
nav.fadeIn();  
top.fadeOut();
}   
});

これがかなり単純な場合は申し訳ありませんが、頭がわかりません。

前もって感謝します