I am trying to build a custom drop down menu for my web page as Wix still does not have an option for multi level drop down menus.
The structure I am trying to create is as follows:
I have a button in the top bar of the page that opens a box when clicked on (or hovered over, have not decided yet).
The box opened contains 8 buttons for further navigation. 5 of the buttons will lead straight to new pages when clicked on, while 3 of the buttons will open their own box when hovered over.
Of those new boxes, 2 will only have buttons to be clicked and led to to pages, while one will have two buttons which will open new boxes when hovered over. From those two last boxes there will only be buttons to be clicked and lead to new pages.
As of now, I am able to open and close the boxes using the “show” and “hide” functions. My problem is that I cannot seem to hide the boxes in more than one function. I would like the boxes to hide if the either the button that opened the box, or the box itself, is hovered away from. Currently, I can choose only one.
For example, if I open the menu with the button at the top, the menu opens. But if I hover away from the button without having been on the menubox, the box will stay open until I hover over it, and then hover away again.
I have tried to add the hide function to multiple elements, but the menu button always seem to override every other function, so the menu box will disapear as soon as I leave the button, even if I go straight to the box from the button. Is there any way to overcome this issue?
I am sorry if I maybe over explained this issue and maybe added some irrelevant information, I just want to make sure I give a full overview of my problem.