функция щелчка останавливает работу зависания

Question

Это, вероятно, простое решение, но я не понимаю. Итак, у меня есть одностраничный сайт, над которым я работаю, у меня есть функция jquery .click (), которая меняет цвет навигации. У меня также есть функция .hover (), которая также меняет цвет. Функция наведения работает нормально, пока не нажата одна из кнопок навигации. Тогда функция зависания перестает работать. вот мой код

$(document).ready( function() {

$('nav a').click(function() {
$('nav a.lightGrey').css({color:'#888'});
$('nav a.darkGrey').css({color:'#555'});
$(this).css({color:'#0cf'});
});


$('nav a').hover(
function() {
$(this).addClass('hover')
},
function() {
    $(this).removeClass('hover')
}
);
});

Предложения

Answer 1

Ваши встроенные стили, установленные с помощью метода css() ^{[документы]} , переопределяют стили из классов, если вы не передаете !important стилю вкласс.