JQuery - скрипт привязки / отмены зависания, небольшой фрагмент кода, не уверен, что делать

Я создал DIV .cb-toggle, когда пользователь наводит курсор на этот div, он анимируется в оранжевый цвет, когда они наводят курсор на этот div, он снова становится серым, когда пользователь щелкает этот div, он становится синим, сообщая пользователю, что он был выбран. Поэтому, когда он НЕ выбран, он имеет анимацию mouseenter mouseleave, но когда он выбран, я хочу отвязать mouseenter mouseleave, я НЕ хочу, чтобы событие зависания работало, когда оно было выбрано, только когда оно не выбрано. Как лучше всего делать то, что я пытаюсь достичь? Я придумал приведенный ниже код, но я почти уверен, что это ужасный способ сделать это, и я не знаю, что делать. Большое спасибо за любую помощь.

мой код:

$('.cb-toggle').toggle(function() { 
      $(this).animate({"background":"blue", "color":"#fff;"});      
      $(".cb-toggle").unbind("click.myfadee");
   }, function() {
      $(this).animate({"background":"gray", "color":"#fff;"});
      $('.cb-toggle').trigger('mouseenter');
   });
});

, и я вызываю эту привязку:

$(".cb-toggle").bind("click.myfadee", function(){
      $(".cb-toggle").mouseenter(function() {
      $(this).animate({"background":"orange", "color":"#fff;"});
   }).mouseleave(function() {
      $(this).animate({"background":"gray", "color":"#fff;"});
   });
});

Мне нужно сохранить анимацию цвета фона, и я не использую jquery UI, поэтому я не могу анимировать между классы.