在页面重新加载时保存菜单状态

Question

我有一个菜单，我希望状态打开/关闭状态在页面重新加载以及用户点击关闭或打开时持续存在。

我使用一个Cookie插件，我几乎没有，但我有麻烦设置接近cookie来记住关闭状态，开放的cookie仍然存在。

$(document).ready(function() { 
// Open/Close Panel According to Cookie // 
if ($.cookie('filtermenu') === 'open'){ 
    $('.filter').show(); // Show on Page Load/Refresh without Animation 
} 
else { 
} 

if ($.cookie('filtermenu') === 'close' || $.cookie('filtermenu') === null){ 

    $('.filter').hide(); // Show on Page Load/Refresh without Animation 
} 
else { 
} 


// Toggle Panel and Set Cookie // 
$('#filter-menu').click(function(){ 
    $('.filter').slideToggle('fast', function(){ 
     if ($('#filter-menu').is(':hidden')) { 
      $.cookie('filtermenu', 'close', { expires: 30 }); 
     } else { 
      $.cookie('filtermenu', 'open'); 
     } 
    }); 
    return false; 
}); 
}); 

任何人都可以请看看我做错了什么。

谢谢。

更新：对不起，现在我有这个，但它仍然没有关闭，我使用的日期对象不正确吗？

Ok, so now I have this, but the menu still doesn't stay closed. 

$(document).ready(function() { 
// Open/Close Panel According to Cookie // 
if ($.cookie('filtermenu') === 'open'){ 
    $('.filter').show(); // Show on Page Load/Refresh without Animation 
} 
else { 
} 

if ($.cookie('filtermenu') === 'close' || $.cookie('filtermenu') === null){ 
    $('.filter').hide(); // Show on Page Load/Refresh without Animation 
} 
else { 
} 


// Toggle Panel and Set Cookie // 
$('#filter-menu').click(function(){ 
    $('.filter').slideToggle('fast', function(){ 


var now = new Date(); 
var time = now.getTime(); 
time -= 60 * 1000; 
now.setTime(time); 
$.cookie('filtermenu', 'open', {expires: now}); 

     if ($('#filter-menu').is(':hidden')) { 
      $.cookie('filtermenu', 'close', { expires: 30 }); 
     } else { 
      $.cookie('filtermenu', 'open'); 
     } 
    }); 
    return false; 
}); 
}); 

Answer 1

在您设置关闭cookie之前，您将要重新设置打开的cookie，并且过期日期早于当前时间。这样，打开的cookie将立即过期，并且您的已关闭的cookie仍然存在。

更新 - 获取

你询问获得在JS当前时间的时间，这里是一些示例代码：

var now = new Date(); 
var time = now.getTime(); 
time -= 60 * 1000; 
now.setTime(time); 

这将创建一个新的Date对象调用now和提取物从它与getTime()的时间。然后，我们减去一分钟的时间（时间以毫秒为单位，因此为60 * 1000），然后将日期设回到那个时间。您现在可以使用此Date对象来设置Cookie的到期时间！