Проблема с jQuery кодом

Есть код:

$j(function() {
      $j(".on3").hover(function() {

          $j("#price_ver").text('Текст');

        },
        function() {

          $j("#price_ver").text(' ');


        });

      $j("#prod_sa").click(function() {
        $(this).removeClass('on3');
        $(this).addClass('on33');


      });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div id="prod_sa" class="on3">Текст</div>

Нужно, чтобы hover выполнялся до того момента, пока не кликнешь на элемент. Где ошибка? Или может быть альтернатива?


Ответы (0 шт):