Javascript 内容隐藏/显示

我的目标是在有人访问时隐藏我主页的内容。单击“开始”按钮，应显示内容。当用户转到其他页面并返回主页时，内容应保持打开状态。但当用户关闭窗口并再次打开主页时，它将被隐藏。为了实现这一目标，我编写了以下代码，但它可以在用户关闭和打开窗口时保持内容的打开状态。所以请帮帮我

if (! localStorage.noFirstVisit) {
    // hide the element
    $("#content").hide();

    // check this flag for escaping this if block next time
    localStorage.noFirstVisit = "1";
}

另一个问题是当内容显示设计有点混乱时（通过加宽div，带来水平滚动）

---

我将非常感谢，如果你检查网站，建议我修复或告诉我正确的方式来实现这个目标。url:

我建议阅读以下内容：

它超越了窗口卸载（在卸载之前），我相信这就是你所追求的。您可以根据满足的某些条件设置/取消设置本地存储值；例如：

$(window).on("beforeunload", function() { 
    if(localStorage.noFirstVisit = "1" {
        // do something
        localStorage.noFirstVisit = "[someValue]"
    }
    else {
        // do something
        localStorage.noFirstVisit = "1"
    }
})

---

您完全可以使用

sessionStorage

来检测它是否是新选项卡（窗口）

首次访问此页面时，请设置

sessionStorage.noFirstVisit=“1”

转到另一页并返回后，
sessionStorage.noFirstVisit
仍然是
“1”

但是，当您关闭
选项卡
或
浏览器
并重新打开页面时，
会话存储。noFirstVisit
将是
未定义的


文档还提供了
会话存储
和
本地存储
之间的区别

另一个问题是当内容显示设计有点混乱时（通过加宽div，带来水平滚动）

如何在angular中添加类似“ng斗篷”的内容，以避免由show/hide引起的不良闪烁效果

单击滚动按钮时，可防止div显示未完成。
请考虑使用sessionStorage这将在选项卡关闭时删除您的标志。请上传JSFIDDLE中的样本，非常感谢Terry。sessionStorage完全修复了第一个问题。为第二个问题创建一个新问题如何？在stackoverflow中，一篇文章应该只包含一个问题。
$(window).on("beforeunload", function() { 
    if(localStorage.noFirstVisit = "1" {
        // do something
        localStorage.noFirstVisit = "[someValue]"
    }
    else {
        // do something
        localStorage.noFirstVisit = "1"
    }
})