Суть в том, что когда нам нужно добавить класс к дочернему div, например, при наведение, то через стандартный метод сделать не выйдет.
Стандартный метод
[php]
$(‘.first_div’).hover(
function(){ $(this).addClass(‘hover’) },
function(){ $(this).removeClass(‘hover’) }
)
[/php]
То есть JS находит существующий div с названием first_div и добавляем к нему класс hover. В свою очередь .hover нужно создать в css и прописать стили.
Альтернатива
Активируется при наведении (hover).
[php]
<div class="first_div">
<div class="second_div"></div>
</div>
[/php]
[php]
$(‘.first_div’).hover(function () {
$(‘.second_div’).addClass(‘animation’);
}, function () {
$(‘.second_div’).removeClass(‘animation’);
});
[/php]
После добавления JS Ваш HTML получит ещё 1 класс
[php]
<div class="first_div">
<div class="second_div animation"></div>
</div>
[/php]
Я использовал данный скрипт, когда нужно было запустить анимацию иконки, при наведении на весь блок.
