javascript - 单击切换器后存储导航面板状态

Question

我正在开发左侧有导航面板的 Bootstrap 式网站，有导航面板的切换器，

<div class="sidebar-toggler"> </div>

当点击切换器时，它会隐藏导航 Pane ，再点击一次会再次显示导航，

我想要的是，当用户点击切换器时，它会存储为 cookie，并在用户登录或导航到不同页面时保持该状态，

我如何使用 jquery 做到这一点？

提前致谢

Answer 1

我会推荐 html storage您可以在本地存储数据，与 cookie 不同，存储限制要大得多(至少 5MB)..

localStorage.setItem("toggler", "open");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("open");