Как убрать класс при повторном клике?

Question

[Александр Янк]

Здравствуйте. При клике на картинку, в блоке прописывается класс .active, а вот при повторном нажатии не удаляется этот класс, как это реализовать?

var selector = '.work-1, .work-2, .work-3';
$(selector).find('> img').click(function () {
        $(selector).removeClass('active');
        $(this).parent().addClass('active');
    });
});

ЗЫ. Вот где моя верстка artlenk.ru/project/photo

Answer 1

[Алексей]

var selector = '.work-1, .work-2, .work-3';
$(selector).find('> img').click(function () {
        $(selector).not($(this).parent()).removeClass('active');
        $(this).parent().toggleClass('active');
});

Comments

[Александр Янк]

Искренне благодарю, работает. Всего вам хорошего!

Answer 2

[Алекс Глебов]

$(selector).find('> img').click(function () {
        $(selector).toggleClass('active');        
    });

Comments

[Александр Янк]

спасибо, но не совсем корректно работает. При клике класс active дается все трем блокам, а мне нужно только одному.

Answer 3

[Дмитрий Евграфович]

Удаляется. Только потом сразу же ставится обратно.
попробуйте использовать hasClass()

var $works= $('.work-1, .work-2, .work-3');
$works.on('click', 'img', function () {

if($(this).parent().hasClass('active')) {
        $works.removeClass('active');
} else {
        $works.removeClass('active');
        $(this).parent().addClass('active');
}
    });