jQuery hover toggleClass не работает

Question

У меня довольно простая настройка. У меня есть div на моей странице, на который применена теневая тень, использующая псевдо-класс CSS: hover. Внутри этого div есть кнопка (другой div). Я хочу использовать jQuery для удаления тени в окне родительского div, когда пользователь наводит курсор на кнопку. Я думаю, что мой jQuery выглядит правильно, но он не работает. Ошибок в консоли нет.

Вот мой HTML для окна с помощью кнопки:

<div class="content"> 
    <div class="content-btn">Click Me!</div> 
</div> 

Вот мой CSS, который должен быть переключен на родительском DIV:

.no-box-shadow { 
    box-shadow: none!important; 
} 

Вот мой JQuery:

$('.content-btn').hover(
    function() { 
     $(this).parent().addClass('.no-box-shadow'); 
    }, 
    function() { 
     $(this).parent().removeClass('.no-box-shadow'); 
    } 
); 

Я также пробовал эту конфигурацию:

$('.content-btn').hover(function() { 
     $(this).parent().toggleClass('.no-box-shadow'); 
    } 
); 

Answer 1

В вашем втором коде, вы можете изменить:

$('.content-btn').hover(function() { 
    $(this).parent().toggleClass('.no-box-shadow'); 
} 
); 

в

$('.content-btn').hover(function() { 
    $(this).parent().toggleClass('no-box-shadow'); 
} 
); 

И проверить эту документацию here, чтобы узнать больше о функции и ее использования.