javascript - Bootstrap Collapse - 打开给定的 id 片段

Question

想象一个 Bootstrap collapse有 3 个部分

<div class="panel-group" id="accordion">
    ...
    <div id="accordionOne" class="panel-heading"></div>
    ...
    <div id="accordionTwo" class="panel-heading"></div>
    ...
    <div id="accordionThree" class="panel-heading"></div>
</div>

有没有简单的方法让插件打开给定的 HTTP fragment identifier ？

示例 http://myproject/url#accordionTwo 将打开第二个 Accordion

Answer 1

$("#accordionTwo").collapse('show');

要打开给定的 HTTP 片段标识符，试试这个:

$(document).ready(function() {
    var anchor = window.location.hash;
    $(".collapse").collapse('hide');
    $(anchor).collapse('show');
});

编辑:

正如 bart 在评论中指出的那样: 小心定位 .collapse，因为当视口(viewport)为 xs 时，此类也用于导航栏。