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标签lib的新手

有人能帮助我吗？

提前致谢

马

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

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

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

折叠DIV标签

1 个答案: