I have a project and I need a multi level menu which will be dynamic, but for now I want it hardcoded (html / jquery / javascript / anything that will work).
The first level will be some icons which will be place horizontally. And when I click on any icon the second level will appear, which will have a sub menu (child elements) and the third level will have some children elements too.
The structure will be like this:
Icon1 FirstMenu SecondMenu ThirdMenu FirstMenu SecondMenu Icon2 FirstMenu SecondMenu ThirdMenu FirstMenu SecondMenu Icon3 FirstMenu.
I was able to create a sublevel menu, but I can't figure it out how to put those icons in it, and on click to show me the children of it.
The menu should be like this. When I click on a icon, the right menu from the bottom should collapse. And when I click on HEAVY DUTY for example, a third level should appear.
Can you give me some hints or resources from where I can start ?
Thank you very much in advance!