jquery - 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");