How to implement hover effect using SVG as an example?

Question

JavaScript

Hello!
I have an SVG image and some divs with display:none property. There are zones on the image when hovering over which those same divs should appear (actually display: block). I can’t implement this task in any way, I’m not strong in JS, but I understand that it is necessary to use it.
Used jquery hover event - didn't manage to hide divs back. What is the best way to implement the task?
link to pen with svg

Answer 1

Hello, I sketched a simple jQuery solution:
codepen.io/glebez/pen/oZNBjM