刷新页面时，Slidetoggle保留当前状态

Question

我有这段代码，该代码可以正常工作，但是每当我重新加载或刷新页面时，它就会返回到初始关闭状态。 即使页面重新加载后，我也希望保留上一个切换状态。 我似乎无法解决这个问题。

我的代码是：

var $answers = $('.contentbar');
$(".titlebar").click(function () {
    var $ans = $(this).next(".contentbar").stop(true).slideToggle(500);
    $answers.not($ans).filter(':visible').stop(true).slideUp();
})

Answer 1

有一个名为jQuery.cookie的插件。 使用它可以检查是否已经有用户设置的手风琴，并且根据首选项，可以默认显示/隐藏东西。

var $answers = $('.contentbar');
$(".titlebar").click(function () {
    if (!$.cookie('contentbar'))
        var $ans = $(this).next(".contentbar").stop(true).slideToggle(500);
    else
    {
        var $ans = $($.cookie('contentbar')).next(".contentbar").stop(true).slideToggle(500);
        $.cookie('contentbar', this);
    }
    $answers.not($ans).filter(':visible').stop(true).slideUp();
});