In my last post I was struggeling with getting an on click event work within an svg image. This problem is solved, but now I'm struggeling with getting a hover to work.
Here is what I my code to do:
When you press one of the buttons, for example $yellowbutton, all the colored blocks except for the $yellowblock will get opacity 0. $yellowblock will get opacity 1. This is the part that is allready working. Now what I want it to do is when a button is pressed and thus a certain colored block is shown, when hovered over this block it enlarges.
The code I've used to get this to work is based on this codepen demo. For now, only the orange block is working, but this might be because the orange block is the first visible block in the svg image.