jQuery - slideToggle保持打开直到关闭

Question

我正在为我的成员的userOptions创建af幻灯片面板.它与以下工作很好地协同工作:

//Login panel, slideUp when clicked <-> slideDown
$('#loginPanel').click(function(){
    $('#userNav').slideToggle('fast');
});

但是当我刷新页面或转到网站上的另一个页面时,我希望面板保持打开状态.如果用户关闭面板,它必须保持关闭状态,直到再次打开等.

这可能吗？

*加入回答*

对于即时"幻灯片"我只是加速1:

$('#div').slideToggle(1);

和$ .cookie中的其他相同.

Answer 1

尝试使用$ .cookie()插件设置并记住面板的当前状态,并在页面刷新/更改时相应地加载它.

$(document).ready(function()
{
    // Open / Close Panel According to Cookie //    
    if ($.cookie('panel') == 'open'){    
        $('#userNav').slideDown('fast'); // Show on Page Load / Refresh with Animation
        $('#userNav').show(); // Show on Page Load / Refresh without Animation
    } else {
        $('#userNav').slideUp('fast'); // Hide on Page Load / Refresh with Animation
        $('#userNav').hide(); // Hide on Page Load / Refresh without Animation
    }

    // Toggle Panel and Set Cookie //
    $('#loginPanel').click(function(){        
        $('#userNav').slideToggle('fast', function(){
            if ($(this).is(':hidden')) {
                $.cookie('panel', 'closed');
            } else {
                $.cookie('panel', 'open');
            }
        });
    });
}

编辑:这里的小提琴说明:http://jsfiddle.net/7m7uK/

您可以使用小提琴并刷新页面以查看cookie的工作情况.

我希望这有帮助!