Javascript 会话存储以保存DIV显示？

我可以使用会话存储设置div的显示样式吗？我有一个按钮，当点击该按钮时，它将显示另一个通常隐藏的div。 我想让它设置，如果它已被点击，然后记得状态后，页面刷新

这是我的密码：

<button id="ShopParts">Shop Parts</button>

$("#ShopParts").click(function() {
  $("#shop_vehicle_container").css("display", "block");
});

车间零件
$（“#ShopParts”）。单击（函数（）{
$（“#商店#车辆#容器”）.css（“显示”、“块”）；
});

是

请记住检查是否支持存储浏览器。

Cookie也可以使用

function setCookie(name, value) {
    var cookie = name + "=" + escape(value) + ";";
    document.cookie = cookie;
}

function getCookie(name) {
  var regexp = new RegExp("(?:^" + name + "|;\s*"+ name + ")=(.*?)(?:;|$)", "g");
  var result = regexp.exec(document.cookie);
  return (result === null) ? null : result[1];
}

---

因此，您希望在页面刷新后，

$（“#shop_vehicle_container”）

的显示css应保持与上一页相同。我说得对吗？太好了，谢谢！这正是我想要做的。

function setCookie(name, value) {
    var cookie = name + "=" + escape(value) + ";";
    document.cookie = cookie;
}

function getCookie(name) {
  var regexp = new RegExp("(?:^" + name + "|;\s*"+ name + ")=(.*?)(?:;|$)", "g");
  var result = regexp.exec(document.cookie);
  return (result === null) ? null : result[1];
}

$(document).ready(function () {
    if (sessionStorage.getItem("shop-vehicle"))
    {
        $("#shop_vehicle_container").css("display", sessionStorage.getItem("shop-vehicle"));
    }
});
$("#ShopParts").click(function () {
    $("#shop_vehicle_container").css("display", "block");
    sessionStorage.setItem("shop-vehicle", $("#shop_vehicle_container").css("display"));
});