问切换菜单问题

EN

这是我的fiddle

您所需要做的就是将"currentPage“类放在您当前所在的li上，并且在页面加载后菜单应该是打开的。我还移动了一些你的css，所以它现在应该会移动得更流畅一些。

**已更新小提琴代码。它现在将查看您当前的URL，并将与之匹配的链接设置为currentPage。此外，我补充说，如果另一个菜单是打开的，它会自动关闭，如果你点击另一个父菜单

**已更新小提琴代码。Ok，现在，如果你点击箭头，菜单将展开，而不是转到链接(如银行网站)。此外，我更改了它，您将不得不将锚标记放在所有父H3s中。

如果页面加载并且生成了子菜单(ul.second_level) (即从php生成)，则解析必须可见的子菜单上的active css类。

ul.active {
    display: block
}

ul.second_level {
    display: none
}

这是对单击功能的补充。不要触发click事件，因为它会启动动画(我假设您不想要它)。

更新：

这是非常基本的东西，但我不知道你的菜单的HTML代码是如何创建的。如果你使用php和一个数据库(例如)来创建菜单，检查你所在页面的每个子菜单项。如果页面是子菜单中的一个页面，则在该子菜单上设置类“活动”。CSS完成剩下的工作(显示这个子菜单并隐藏其他子菜单)。

例如，如果你有一个静态页面，使用javascript来检查你使用的是哪个页面的window.location.href。其余的都是一样的。

这并不是太简单。我遇到了一个非常类似的问题，尽管我把页面发回了同一个url，所以我使用了一个隐藏字段来存储打开的h3的id列表。

我认为，当您直接导航到新页面时，必须使用cookie来完成此操作。这个想法是您创建一个H3，并在每次打开cookie时为其设置一个值，并在每次关闭它时将其删除。您可以使用this plugin来完成此操作。然后，当您打开另一个页面时，脚本读取应该从cookie中打开的H3，并将其打开。

另一种方法是使用Ajax将打开/关闭的H3信息发送回服务器，服务器将其存储在会话数据中，并使用它来构建新页面的超文本标记语言，以便打开正确的H3。