Javascript 隐藏div并在页面更改/刷新时记住

我在一页上有3个div：

header-div
fixed_menu_div
page_cont

以下是DIV拥有的CSS：

#header-div {
    top:0;
    left:0;
    display:inline;
    float:left;
}

#page_cont {
    margin-left:200px;
    height:80%;
}

#fixed_menu_div {
    width:200px;
    height:80%;
    float:left;
    left:0;
    overflow-x:none;
    overflow-y:scroll;
    position:fixed;
}

---

我想在

header\u div

和

fixed\u menu\u div

上有链接，如果页面在刷新时更改，这些链接将隐藏它们并保存状态（显示或隐藏），然后使

页面继续

div 100%宽

您可以存储div的状态（显示/隐藏）并在页面加载/刷新时重新评估cookie

---

这里有一个链接可以帮助您使用js操作cookie:w3schools.com/js/js_cookies.asp

您需要使用ajax调用在数据库中存储元素的可见状态。饼干可以清洗，所以我不推荐这样做。 然后可以使用以下方法显示和隐藏元素

$(document).ready(function(){
   $('#page_cont').css('width','100%');
   //retrive the values from database with 1 as visible and 0 as invisible
   setVisibility(1,0,1);
});

function setVisibility(header_div_visibility,page_cont_visibility,fixed_menu_div_visibility){
    (header_div_visibility===1)?$('#header-div').show():$('#header-div').hide();
    (page_cont_visibility===1) ? $('#page_cont').show():$('#page_cont').hide();
    (fixed_menu_div_visibility===1) ? $('#fixed_menu_div').show():$('#fixed_menu_div').hide();
}

---

网页（通常是internet）是无状态的。因此，除非将页面刷新状态保存到数据库、会话或cookie中，否则无法保存页面刷新状态。刷新页面时，将释放其中的所有dom元素，因此需要保留属性，您可以使用，最后通过ajax请求将数据保留到服务器。选择最适合你的方式当你忽略你之前的问题时，我很难帮助你。@m3h2014，你知道很快有人会在这里发布一个到w3傻瓜网站的链接。。。