javascript - Twitter Bootstrap 崩溃了,但首先

标签 javascript jquery twitter-bootstrap accordion

我想以编程方式折叠 Bootstrap 3 可折叠 Accordion 中除第一项之外的所有项目。但是,我遇到了一些奇怪的行为。请检查一下这个 fiddle 并让我知道出了什么问题。

http://jsfiddle.net/k9o2j53a/

$('button').click(function(){
    var panels = $('#accordion').find('.panel-collapse');
    panels.collapse('hide');
    panels.first().collapse('show');
});

第一次单击按钮时的行为与第二次单击时不同。随后的点击似乎会在所需的行为和每个项目的折叠之间交替。

最佳答案

试试这个:

$('#a').click(function(){
   var panels = $('#accordion').find('.panel-collapse').not("#collapseOne");
   panels.collapse('hide');
   panels.collapse('show');
});

已更新fiddle

如果我正确理解你的问题。您想要“折叠除第一个之外的所有内容”。只需使用 .not("selector") 来排除它就非常简单了。

关于javascript - Twitter Bootstrap 崩溃了,但首先,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31683754/

相关文章:

css - 如何将面板居中?

Javascript:单击后更改按钮文本更改

javascript - 焦点到 iPhone 上文本区域的开头?

javascript - 在 JavaScript 中使用 null 而不是 undefined 的原因是什么?

jQuery UI Draggable/Sortable - 动态添加的项目不可拖动

Jquery - 'If Lightbox 1 is open, and press Right, change to lightbox 2' - 2 IF 语句

jquery - 带过渡动画的粘性标题

操作的 Javascript 字符串验证

javascript - 获取随机数组不起作用?

javascript - Bootstrap modal 3 检查按钮是否被点击