jquery - アニメーション ボタンからの .on()/.off() マウス イベントのバインド解除/再バインド

Question

この質問は、私が以前に投稿した別の質問に何らかの形で関連しています。私が新しい質問をしている理由は、物事を少し変更し、それ以来、小さな問題に対処できなかったからです。

だから、私はこの単純な水平方向のスライドショーを持っています. それを制御するための左右のボタンがあります（スライドを直接クリックする機能に加えて）。基本的に、スライドショーが左端/右端に達したときにボタンを非アクティブにし、再びネッドされると再びアクティブにするようにします。.off() を試してみましたが、永続的に非アクティブ化されます。オンに戻したいとき - .on() - 動作しません。

HTML マークアップ:

<div id="rocksMenu_btnLeft"></div>
<div id="rocksMenu_btnRight"></div>

      <div id="centerArea">
         <div id="menuContainer">
            <div id="menuItem_1" class="menuItem">
               <div class="content">Contents1</div>
            </div>
            <div id="menuItem_2" class="menuItem">
               <div class="content">Contents2</div>
            </div>
            <div id="menuItem_3" class="menuItem">
               <div class="content">Contents3</div>
            </div>
            <div id="menuItem_4" class="menuItem">
               <div class="content">Contents4</div>
            </div>
         </div>
      </div>

完全なコードはこちら -フィドル(クリーン バージョン - ボタンを無効にするコード トライを削除しました。コードが乱雑になっていたためです)。この問題を検索しましたが、明確な答えが得られませんでした。

ありがとう。

ペドロ