Javascript 如何重用HTML div块来显示不同的菜单

首先，我不是Javascript专家，我才刚刚开始。所以问题是：
我有一个页面和一个菜单，当点击其中一个菜单项时，会弹出第二个菜单，其中包含一些项目。弹出菜单基于一个div，其中包含一个

。
我的想法是将每个菜单项所需的所有信息存储在单独的json文件中，然后单击菜单项读取json文件，并使用正确的信息创建一个div块

问题是，创建并使用div是否需要很多时间？当弹出窗口关闭时，创建的div会发生什么情况

---

还有更好的方法吗？

您正在描述模型-视图-控制器模式。模型中有一个json，视图中有一个模板，需要一个文件来控制模型中的视图。您可以使用模板系统简化任务。看看Handlebar或underline.js：|如您所见，隐藏/显示简单的

div

的时间并不长（在浏览器动画关闭选择菜单后，它基本上没有时间。至于它会发生什么，这是如何“隐藏/显示”的问题）它。你可以像我所做的那样使用

display

，这会删除用户的可见性，但仍会保留在DOM中，或者你可能想将其完全从DOM中删除。这取决于你的具体情况。谢谢你，Marcos，把手正是我要找的。