页面刷新时jQuery切换不保持打开状态

Question

当点击链接（或页面只是刷新）时，固定侧边栏中的可折叠菜单无法保持打开状态。

我使用了基于 this question 的关于使用 cookie 存储 div 状态的建议，但它不起作用（切换状态仍然没有持续）。

我添加了一个插件链接（在我的 jQuery src 链接之后）：

<script src="js/jquery.cookie.js" type="text/javascript"></script>

切换状态仍然没有保留，即使在 .com 网站上也是如此。

if ($.cookie('div') == 'open'){
    $('#the_more_div').slideDown('slow');
} else {
    $('#the_more_div').slideUp('slow');
}

$('#hamburger').click(function(){
    $('#the_more_div').slideToggle('slow', function(){
        if ($(this).is(':hidden')) {
            $.cookie('div', 'closed');
        } else {
            $.cookie('div', 'open');
        }
    }); 
});

切换开关工作得很好，但是当在其中单击不同的链接（或在页面刷新时）时，为什么 the_more_div 不能保持打开状态。

提前谢谢你！

Answer 1

原来问题是不相关的冲突。上面的代码确实实际上可以安装一个cookie来使div状态保持不变。