多级菜单

Question

我有一个项目，我需要一个动态的多级菜单，但现在我想要硬编码（html / jquery / javascript /任何可行的）。

第一级将是一些水平放置的图标。当我点击任何图标时，第二级将出现，其中将有一个子菜单（子元素），第三级也将有一些子元素。

结构将是这样的：

Icon1
 FirstMenu
   SecondMenu
     ThirdMenu
 FirstMenu
   SecondMenu
Icon2
 FirstMenu
   SecondMenu
     ThirdMenu
 FirstMenu
   SecondMenu
Icon3
 FirstMenu.

我能够创建一个sublevel菜单，但我无法弄清楚如何将这些图标放入其中，并点击以显示它的孩子。

菜单应该是这样的。当我点击图标时，底部的右侧菜单应该会崩溃。例如，当我点击HEAVY DUTY时，应出现第三级。

你能从我开始的地方给我一些提示或资源吗？

非常感谢你！

Answer 1

试试这个。你可以为图标添加fontawesome。 Js Fiddle p9Lea8g4 / 7 /