Как объединить класс области карты изображений с атрибутом alt для создания нового класса

У меня есть карта изображений с каждым из 21 штатов в США как отдельная область. Пример:

Прямо сейчас у меня он настроен так, что каждая область состояния имеет свой собственный класс, а при нажатии открывается div (класс.wa или.ca в приведенном ниже примере) с информацией для этого состояния.

$('.region').click(function(){
 $('.wa').show("scale", 350);
});

$('.region2').click(function(){
 $('.ca').show("scale", 350);
});

Но это требует повторения большого количества кода. То, что я хотел бы сделать, это объединить ("привязать"?) Атрибут alt области карты изображения к классу, чтобы мне не пришлось повторять код jQuery для каждого региона состояния на карте изображения.

Псевдокод: при нажатии, класс области + "alt" → открывает div, соответствующий новому классу.

другими словами

.region (класс) + WA (alt) ->.regionWA, который откроет div с классом.regionWA.

1 ответ

Вы могли бы сделать что-то вроде этого

$('.region').click(function() {
 var state = $(this).attr('alt');
 $('.region' + state).show('scale', 350);
});

licensed under cc by-sa 3.0 with attribution.