Как убрать событие hover, при событии click?

Question

[Asen123]

$(function() {
        $( ".on3" ).hover(function() {
     
            $("#price_ver").text('Текст'); 

    
     },
        function() {
     
  
         $j("#price_ver").text(' ');
     

    
     });
    
      $( "#prod_sa" ).click(function() {
        $(this ).removeClass('on3');
        $(this ).addClass('on33');
  $(this).unbind( "hover");
$(this).off( "hover");

   
    });

<div id="prod_sa" class="on3">Текст</div>
Суть в том, нужно сделать так, чтобы при клике событие hover отменялось. Перепробовал всё. Где ошибка, есть ли другой вариант?

Answer 1

[Leo Mavrin]

Почему бы не реализовать это посредством css?
Можно менять hover на цвет который был во время клика с помщью :active

Answer 2

[Just Me]

замени
$(this).off( "hover")

на
$(this.off('mouseenter mouseleave')