折叠 DIV 标记答案

【问题标题】：Collapsing DIV Tag折叠 DIV 标记
【发布时间】：2017-10-07 23:58:52
【问题描述】：

我正在尝试创建折叠并展开 div。此时我已经实现了这段代码：

<a id="displayText" data-toggle="collapse" data target="#${facetData.code}"> push here </a>

<div id="${facetData.code}" class="facet__values js-facet-values js-facet-form collapse" > this will disappear    </div>

div 正在正确折叠和展开，但是当我刷新页面时，我展开的 div（我有多个）正在折叠（作为默认状态）

我想在页面刷新后也保留打开的 div.. 我是 jsp 和 java 标签库的新手

谁能帮帮我？

提前致谢

马可

【问题讨论】：

您必须在用户偏好上设置 cookie，然后在页面加载时获取 cookie 数据并更新 DIV 可见性
Hi Sterling 感谢您的回复...抱歉，我是网络编程新手...您有关于此的信息吗？
我的回答对你有帮助吗？

标签： javascript java html tags

【解决方案1】：

希望这能让您走上正确的方向： Best way to store small UI user preferences in web app?

// add variable to HTML5 local storage, when div visibility on change
...{
      // expand or close div | update preference in local storage
      localStorage.setItem('divID', 'show'); // or set 'hide'
}

页面加载时，访问本地存储并更新 DIV

var data = localStorage.getItem('divID');
if(data != 'show') {
    getElementById('divID').style.display = "none";
}

【讨论】：