树木汉堡包菜单，多个级别

Question

我想在我的网站上为移动设备创建一个汉堡菜单/菜单树。 我找不到适合我所有需求的代码示例，因此非常感谢您的帮助。 这是我的想象：

1. 按汉堡应打开第一个菜单级别，汉堡应设置动画
2. 按菜单项应打开链接。菜单项旁边应是一个按钮，该按钮可扩展到第二个菜单项。该按钮也应在单击时设置动画。
3. 单击菜单文本应始终打开链接并关闭菜单。仅在单击按钮时才能展开和折叠。

我不知道我的解释是否足够好。这就是为什么我在jsfiddle中添加了一些代码。该代码来自具有我想要的菜单类型的随机网站。添加代码只是为了可视化我正在寻找的东西。

https://jsfiddle.net/TheBB23/1yejqr4n/

jsfiddle: https://jsfiddle.net/TheBB23/1yejqr4n/

我真的很感谢有教程或类似方法的人