Dropdown with SVG

6

I'm with an art and now it's in an SVG file. The problem is that the client wants that when passing the mouse (or if clicking) in a block, it should open a menu. I do not know if you can create this, but I wanted to know. The SVG code I have today: link

    
asked by anonymous 30.11.2015 / 16:58

1 answer

1

I think maybe it solved your problem, I did so:

I added a div which contains the menus outside of your SVG and put all 6 menus inside it, with display: hidden in CSS and I took the liberty of choosing basic colors. Thus, you have full visual control (either by changing the HTML or CSS) of the menu.

I also made a small jQuery code to enable / disable the display of the menus after the click to the user. It will load the submenu on the screen exactly at the position the user clicked.

Here is the code: link

I hope I have helped.

    
04.01.2016 / 08:48