Javascript 如何通过cookies（JS/jQ）在本地存储折叠或扩展的状态

大家好，我对JS的了解非常业余，即使这是一个轻描淡写的说法，但我仍在学习，所以请容忍我

问题:

我实际上在使用一个来自用户sanman的本地项目的片段

我能够实现它，它也可以工作，但现在我想通过本地存储的cookies存储崩溃或扩展的状态（我听说这是最有效的方法，但如果我错了，请在这里纠正我）

我的实际JS:

$(document).ready(function() { 
var clicked = 0;
$('.sidebar_button').on('click',function(){
if(clicked===0){
collapse();
clicked = 1;    
}
else if(clicked===1){
expand();
clicked = 0;
}           
})
function collapse(){
$('.sidebar').animate({
'width':'25%'
},0);
$('.content').animate({
'width':'75%'
},0);
}
function expand(){
$('.sidebar').animate({
'width':'0%'
},0);
$('.content').animate({
'width':'100%'
},0);
}
});
$(document).ready(function() { 
var clicked = 0;
$('.topbar_button').on('click',function(){
if(clicked===0){
collapse();
clicked = 1;    
}
else if(clicked===1){
expand();
clicked = 0;
}           
})      
function collapse(){
$('.topbar').animate({
'height':'100%'
},0);   
}
function expand(){
$('.topbar').animate({
'height':'0px'
},0);
}
});

我在这里尝试了很多关于stackoverflow的其他线程和建议，但我无法实现它们，因为JS结构完全不同，所以如果您能在我提供的JS代码片段的上下文中提供直接指导，或者甚至可以使用JSFIDLE演示，这将非常有帮助，因为这对我来说也会容易得多了解整个方法

同时，我会尝试通过尝试和错误的方式来解决这个问题

---

提前感谢：）

我个人认为本地存储比cookie更好，因为您可以在其中存储所有内容（仅在cookie中存储字符串），而且更易于使用。要存储变量，只需执行

localStorage.setItem（“name”，value）并访问它：
localStorage.getItem（“名称”）
更多信息：

为了更好地兼容浏览器，您还可以使用
window.localStorage
 是的，根据我目前的研究，这似乎是最好的解决方案。