jquery - 嵌套水平菜单可更新

Question

我想让一个 2 级水平菜单可更新。我将获得以前加载的数据 (php)，我想创建这个“效果”。我确定这存在，但我没有找到任何使用我的母语或搜索英语的内容。

我的数据结构是这样的:

MainElement1,
    SecondItem1Name -> SecondItem1Image
    SecondItem2Name -> SecondItem2Image
    SecondItem3Name -> SecondItem3Image
MainElement2,
    SecondItem1Name -> SecondItem1Image
    SecondItem2Name -> SecondItem2Image

这是我想要的结果:

• 第一行:主菜单项(我将其放在 PHP 数组中)
• 第二行:与第一行所选元素关联的元素。
• 第三行:不在顶部图像中，而是第二行元素图像。

我的问题。有流行的菜单，可以让这个？它比我从头开始创建这个更好吗？

Answer 1

这完全取决于您。如果您喜欢使用 JavaScript 和 CSS 进行编码的体验，那么绝对可以自己动手制作。但是，您可能会发现使用模板更容易。事实上，您可以完全使用 CSS 来完成。

试试这个链接，看看它是否是您要找的。基本上，您将使用 ul，然后嵌套 lis 和 uls，并在 CSS 中使用填充动画设置这些元素的样式以创建效果。