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();
});