javascript - Bootstrap Accordion - 导航离开后保持打开/关闭？

Question

我刚刚安装了一个 Accordion /可折叠元素，在页面上，它运行正常。然而，当离开和返回时，之前的折叠“关闭” Action 不会保留。当我回来时它仍然开放。

有没有办法保留之前崩溃的 Action ？

<div class="row">
    <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#demo">MORE</button>
    <div id="demo" class="collapse in">
        <div class="row">
            Foo bar - Foo bar
        </div>
    </div>
</div>

Answer 1

您可以简单地在此处查看文档:Bootstrap collapse如何折叠或不折叠你的 Accordion 。

$('#demo').collapse({
  toggle: false //you can simple untoggle your collapse on page load. 
})

您还可以做更多事情，例如:

.collapse('toggle') //Toggles a collapsible element to shown or hidden.

.collapse('show') //Shows a collapsible element.

.collapse('hide') //Hides a collapsible element.

更新

要保存下拉列表的当前状态，我建议您使用 Jquery.cookies 来执行此操作。 This is a similar question to yours and I named all the steps there