当页面刷新时，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状态保持不变。