相关疑难解决方法(0)

使用自举3的Javascript采取的核心例子为折叠的例子页面,我已经能够证明使用V形图标崩溃的状态.

我有这个工作使用:

$('#accordion .accordion-toggle').click(function (e) {
    var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
    $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
});

这有效(并未在所有浏览器中进行过全面测试),但我想知道是否有更优雅的解决方案？

理想情况下我想使用核心功能,但我不确定如何用它来实现相同的结果.

$('#accordion').on('hidden.bs.collapse', function () {
    //do something...
})

这是jsfiddle中的一个工作版本.

我正在使用Bootstrap 3并尝试设置以下手风琴/折叠结构:

1. Onload:组中的每个手风琴面板都完全折叠,并按照记录/预期运行.

2. 按钮单击:每个折叠面板展开并单击切换无效(包括URL锚点效果).

3. 另一个按钮点击:所有面板返回onload状态; 所有折叠和可点击正常.

我已经进入第2步了,但是当我在第3步再次单击该按钮时它没有任何效果.我还看到Chrome Dev Tools中没有报告控制台错误,也没有通过本地JSHint运行代码.

我希望每次单击按钮时此循环都是可重复的.

我在这里设置了我的代码http://bootply.com/98140和http://jsfiddle.net/A9vCx/

我很想知道我做错了什么,我很感激建议.谢谢!

我的HTML:

<button class="collapse-init">Click to disable accordion behavior</button>
<br><br>
<div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
          Collapsible Group Item #1
        </a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse">
      <div class="panel-body">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
          Collapsible Group Item …