Bootstrap手风琴 - 导航后保持打开/关闭?

时间:2015-05-12 19:03:39

标签: javascript ruby-on-rails twitter-bootstrap

我刚安装了一个手风琴/可折叠元素,在页面上,它运行正常。但是,当离开和返回时,不会保留先前的“关闭”崩溃动作。我回来时仍然打开。

有没有办法保留崩溃的先前行动?

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

1 个答案:

答案 0 :(得分:1)

您可以在此处查看文档:{​​{3}}如何折叠或不折叠您的手风琴。

$('#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来执行此操作。 Bootstrap collapse