Проверка на наличие класса, добавление другого. Как это сделать на Jquery?

Доброго времени суток.
Довожу работу со слайдером до конца. Необходимо следующее: при наведении курсора мыши (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 не дала результата, либо я допустил ошибку.
Как правильно это сделать?
Сайт со слайдером здесь
  • Вопрос задан
  • 163 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы