jQuery Функция Toggle and Hover function

Question

Итак, у меня есть элемент, который переключается между двумя цветами фона при нажатии. Но когда элемент не выбран, я хочу, чтобы цвет фона изменялся (и возвращался) при наведении. Я попытался использовать .on ('hover') и .off ('hover') в переключателе, но работает только .off().

$('.element').hover(
    function() { 
    $(this).css('background', '#e7f1f5'); 
    }, 
    function() { 
    $(this).css('background', '#fff'); 
    } 
); 

$('.element').toggle(
    function(select) { 
    select.preventDefault(); 
    $(this).off('hover'); 
    $(this).css('background', '#f6f6f6'); 
    other.code(); 
    }, 
    function(unselect) { 
    unselect.preventDefault(); 
    $(this).on('hover'); 
    $(this).css('background', '#fff'); 
    other.code(); 
    } 
); 

I toggle 'on', событие «hover» больше не срабатывает (по желанию). Когда я переключаю 'off', событие 'hover' все равно не срабатывает.

Я довольно новичок в jQuery и StackOverflow, так что извините, если этот вопрос тривиален.

Спасибо!

Answer 1

использование CSS:

.element{ 
    background-color:#FFF; 
} 
.element.hover{ 
    background-color:#e7f1f5; 
} 

вместо $(this).off('hover'); сделать:

$(this).addClass('hover'); 

вместо $(this).on('hover'); сделать:

$(this).removeClass('hover');