多级菜单

我有一个项目，我需要一个多级菜单，这将是动态的，但现在我想它硬编码（HTML/jQuery/JavaScript /任何将工作）。多级菜单

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

的结构是这样的：

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

我能创造一个次级菜单，但我无法弄清楚如何把这些图标在里面，并点击显示我的它的孩子。

菜单应该是这样的。当我点击一个图标时，从底部的右侧菜单应该折叠。例如，当我点击HEAVY DUTY时，应该出现第三个级别。

你能给我一些提示或资源，我可以从哪里开始？

非常感谢您提前！

来源

2016-07-25 codi05ro

提供您正在处理的一些代码。 – actimel

这听起来像一个'家庭作业'的问题，没有什么可以显示你已经尝试过的。请编辑问题并向人们展示您已经尝试/已经拥有的内容。 – user3788685

尝试轻量级和多级响应菜单 - > github.com/hidaytrahman/hr-navigation-responsive-menu –

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

来源

2016-07-25 21:35:41

回答

相关问题