我找到了一个小的 jQuery cookie 脚本，这样当用户第一次访问该网站时，我的网站顶部就会出现一个 div；但是用户可以选择关闭该 div，然后他们的选择会在短时间内被记住。
现在它工作正常，但我想尝试应用 .hide 。向脚本显示“快速”，但更改 .css 属性有效。但是，如果我刷新会有一些错误：它仍然可以记住我的选择，但展开/折叠无法在正确的位置。
任何人都可以帮忙吗？JS代码：
$(document).ready(function() {
// LEFT COLUMN:
// When the collapse button is clicked:
$('.collapse').click(function() {
$('.collapse').css("display","none");
$('.expand').css("display","block");
$('#actionbar').css("height","0px");
$.cookie('actionbar', 'collapsed');
});
// When the expand button is clicked:
$('.expand').click(function() {
$('.expand').css("display","none");
$('.collapse').css("display","block");
$('#actionbar').css("height","70px");
$.cookie('actionbar', 'expanded');
});
// COOKIES
// Left column state
var actionbar = $.cookie('actionbar');
// Set the user's selection for the left column
if (actionbar == 'collapsed') {
$('.collapse').css("display","none");
$('.expand').css("display","block");
$('#actionbar').css("height","0px");
};
});
还有我的 CSS：
.expand {
width:11px;
height:11px;
background:red;
position:absolute;
left:100px;
top:90px;
display:none;
}
.collapse {
width:11px;
height:11px;
background:red;
position:absolute;
right:5px;
top:4px;
}