折叠DIV标签

Question

我试图创造一个崩溃并扩展一个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标记库

有人能帮我吗？

提前感谢

马可

Answer 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'
}

当页面加载时，访问本地存储和更新DIVs。

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