Доброго времени суток.
Довожу работу со слайдером до конца. Необходимо следующее: при наведении курсора мыши (mousemove) на закрытый слайд с классом
close, тому должны добавиться классы
animated pulse. При отведении мыши, эти классы должны удаляться.
Эффекты взяты здесь
animated.css
Пробовал делать таким образом:
$('.slide-2').mousemove(function() {
$('.slide-2').addClass('animated pulse');
});
$('.slide-2').mouseleave(function() {
$('.slide-2').removeClass('animated pulse');
});
Это работало ровно до того момента, пока я не кликнул на второй слайд. При наведении мыши на него, естественно, появлялся эффект, заданный классом.
После этого я добавил следующие строки:
$(document).ready(function() {
$('.slide-1').addClass('open');
$('.slide-2').addClass('close');
});
Вписал так:
$('.close, .slide-2').mousemove(function() {
$('.slide-2').addClass('animated pulse');
});
$('.close, .slide-2').mouseleave(function() {
$('.slide-2').removeClass('animated pulse');
});
Код не работает. Очевидно, необходимо сделать проверку на наличие класса
close и только затем добавлять свои. Проверка с использованием
hasClass не дала результата, либо я допустил ошибку.
Как правильно это сделать?
Сайт со слайдером здесь 
Простой
