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

Question

[towncitybr]

тоесть можно как-то проще сделать? без class InteractiveMap
https://jsfiddle.net/rp23ken0/1/

Comments

[Сергей Сергей]

Технически, всё скрытое внутри класса окажется скрыто в другом месте и/или будет определено во множестве глобальных переменных.

Answer 1

[Сергей Соколов]

Используйте SVG-анимацию. Например, тег set позволяет резко переключать атрибут, а тег animate позволяет плавно менять атрибут fill каждого из регионов:
В итоге JS и CSS вообще уходят из этого примера.

Answer 2

[Антон Шаманов]

.region:hover, .region:focus {fill: crimson}