Twitter bootstrap默认情况下打开第一个手风琴面板

Question

我正在使用twitter bootstrap在页面上制作手风琴。我想在每个页面上打开第一个面板。这是我写的代码：

    var accordion_list = $(".prime-content .accordion-body");
    accordion_list.each(function(index, element){
      accordion_list.addClass(index == 0 ? "in" : "");
    });

然而，这是为所有元素添加“in”类。需要修复什么？

Answer 1

您正在将该类添加到整个accordion_list元素集合中，但您需要将其添加到当前迭代的元素中。

$(".prime-content .accordion-body").each(function(index, element){
  $(element).addClass(index == 0 ? "in" : "");
});

如果你在循环中没有做任何其他事情，你也可以缩短它：

accordion_list.first().addClass("in");

Answer 2

如果你想展示手风琴中的第一个面板：

$("#accordion").find('.panel-collapse:first').addClass("in");