Как реализовать событие для групп при наведении?

Question

[Andrej Sharapov]

Всем привет. Подскажите, как реализовать событие.

Задача:
В svg 10 групп path, при наведении(ховер) на каждую группу происходит некое событие, т.е. визуальная транформация формы группы (сделано через css - hover).
Можно ли через js сделать зависимость групп друг от друга? Т.е., наводя на 2 группу - происходит ховер эффект для нее и для предыдущей. Аналогично для следующих: при наведении на 5 группу, сразу активируются и 1-4 и так по нарастающей. Я могу сделать это опять же через css, но будет очень много, поэтому ищу решение на js

Answer 1

[Anton fon Faust]

А смысл делать через js, если будете использовать те же самые селекторы, что и при решении через css?

Comments

[Andrej Sharapov]

через js будет меньше кода, да и связь групп не устанавливается в одном и том же контейнере

[Anton fon Faust]

Andrej Sharapov, о сферическом коне в вакууме можем рассуждать сколько угодно.
Код в студию на jsfiddle или codepen и будем разговаривать предметно.

[Andrej Sharapov]

Anton fon Faust, я уже сделал. спасибо)