jQuery-页面重新加载后保持切换元素

正如您在下面的代码中所看到的，我有一个按钮，可以生成一个div来滑动切换

$(function goesUp() {
  $(".goes_up").click(function(){
      $('.toggle_logo').slideToggle("slow");
      $(this).toggleClass("goes_down");
  });
});

---

由于这个div位于页眉中，所以我希望保持元素在重新加载页面之前的打开或关闭状态。正确的方法是什么？

web是无状态的，因此如果您想保留任何更改，您需要将其存储在某个位置，并在页面重新加载时重新创建这些更改

存储在哪里取决于您自己，并且取决于您想做什么。 您可以设置cookie，并在每次页面加载时使用jQuery/JavaScript读取其值

您可以将其存储在服务器上，可能作为用户会话的一部分，然后每次都从那里重新创建页面

您可以将其存储在数据库中，并使更改在该用户的所有会话中永久化

---

确切的解决方案将取决于您试图通过持久化更改来实现什么。

或者，为“toggled”之类的内容设置一个布尔值，并将其保存在用户计算机上的本地存储中。如果用户单击“.goesUp”，则将“toggled”指定为true。然后检查“toggled”在加载时是真是假，并相应显示

W3schools for local storage

您可以使用