Как реализовать функцию соединения линией блоков?

Question

[sadboy]

Привет, надеюсь в этот раз вы мне поможете. в общем нужно реализовать такой функционал соответствия. намаю на 1 блок, и проводится/появляется линия до блока с которым он связан. и оба должны подсвечиваться. вот как это должно выглядеть

Comments

[Роман Огарков]

А как вы пробывали?

Answer 1

[Николай Чуприк]

Я бы делал так. Вертикальный участок соединительной линии — отдельный зелёный <div id="verticalLine">. Горизонтальные участки зелёной линии относятся к с своим блокам. Далее определяем координаты середины подсвеченных блоков в правой и левой колонках, и позиционируем-растягиваем verticalLine соответственно.