Подскажите пожалуйста, как мне выделять не все пункты li (.card), а только тот, который в hover должен быть?

Верстка упрощена для вопроса.

В целом – при наведении на карточку должны срабатывать несколько действий: Анимация, изменение цвета… у нескольких других, встроенных в li элементов.

И я не разобрался как это сделать с $ (this)

<ul class="works-list">     <li class="card"><h4>One</h4><p>School</p><div></div></li>     <li class="card"><h4>Two</h4><p>Home</p><div></div></li>     <li class="card"><h4>Three</h4><p>Neighbor</p><div></div></li> </ul>  $  (".card").hover(     function() {         $  (".card h4").toggleClass("work-active anime-white");         $  (".card p").toggleClass("work-active-sub anime-white");         $  (".card .blue-line").toggleClass(" blue-line-hover");  });