Javascript 记住切换状态，避免在没有服务器端代码的情况下重新加载页面时出现闪烁

我环顾四周，找不到我想要的东西。所以我使用cookies来记住div的切换状态，无论它是隐藏的还是可见的。我遇到的问题是，当页面刷新发生或我转到其他链接时，当div从默认状态变为基于cookie的状态时，会出现闪烁。我的任务是研究是否有一种方法可以在没有服务器端代码的情况下删除闪烁

这是html

单击时必须隐藏的侧边栏
主要内容

我在body标记之后立即将其加载到脚本标记中

此时，浏览器可能已经开始创建DOM/CSSOM并呈现内容

---

尝试将脚本放入头部，并在HTML元素（

document.documentElement

）而不是正文上设置类。

“我在正文标记后立即将其加载到脚本标记中”-尝试将其放入头部，并在HTML元素（

document.documentElement

）上设置类而不是身体。因为Javascript…？@CBroe感谢它的工作！好的，很酷-添加它作为答案，欢迎接受：）