Как объединить три однотипных действия в jquery?

Question

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

Подскажите, как объединить три однотипных действия, так как действия выполняются одни и те же?

$('.work-1 > img,.first-work figcaption').click(function () {
    $('.work-1').toggleClass('active');
});
$('.work-2 > img,.first-work figcaption').click(function () {
    $('.work-2').toggleClass('active');
});
$('.work-3 > img,.first-work figcaption').click(function () {
    $('.work-3').toggleClass('active');
});

Второй вопрос: Если кликать по очереди на каждую картинку, то всем будет присвоен класс .active, а мне надо так, что бы при клике на другой элемент .active исчезал с предыдущего?

Вот где можно посмотреть то, что я делаю artlenk.ru/project/photo

Answer 1

[Сергей Семенко]

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

Comments

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

Спасибо большое, работает!

Answer 2

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

Чуток подправил скрипт от Сергей Семенко
При нажатии на любое изображение закрывалась панель, достаточно было добавить знак первого элемента

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