Проблема с 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 выполнялся до того момента, пока не кликнешь на элемент. Где ошибка? Или может быть альтернатива?