使折叠侧边栏能够记住点击选项的有效方法？

Question

我做了一个可折叠的侧面菜单，有许多选项可以进入多个级别。我想要它，以便当用户点击大量不同的选项，然后最终导航到一个单独的页面时，用户点击的选项将被记住并保持不变。

我要求就这样做的最佳方法征求意见。截至目前，我知道有三种方法可行：

1. jQuery cookies
2. jQuery本地存储
3. 提取网址，并确定哪些网页已打开（但如果用户选择了其他选项，则不会记住此网页）

还有其他我可以使用的吗？这样做是服务器端还是客户端最好的？

Answer 1

您可以使用CSS来锚定标记<a>：

a:visited {
  //your css here
}

您可以在侧边菜单项中的li标记或div标记内添加锚标记，并为访问和未访问的项目设置不同的样式。每个<a>都对应一个网址，它会自动记住访问过的网址。