javascript - クリック時にmouseenterとmouseleaveを無効/有効にする - jquery

Question

私はこれを試しました：

$('.aaa').mouseenter(function () {
    $(this).css('background', '#aaaaaa');
    $(this).css('border', 'solid 1px red');
});
$('.aaa').mouseleave(function () {
    $(this).css('background','blue');
});
$('#tog').click(function () {
      $('.aaa').off('mouseenter mouseleave').on('mouseenter mouseleave');
});

http://jsfiddle.net/z8KuE/13/

機能しません-イベント/機能をオフにするだけです。

$(this).css('background', '#aaaaaa');また、機能全体を切り替えるのではなく、機能の一部だけを切り替えるにはどうすればよいでしょうか?

編集: ソリューション 1およびソリューション 2。Shimon Rachlenko によって解決されました。