javascript - 如何更改 Bootstrap Accordion 的背景？

Question

我正在使用 bootstrap accordion 并希望在单击时更改 accordion-heading 背景，当您必须单击以关闭 accordion-group 时它工作正常，但是当您单击另一个时 accordion-group 自动关闭它失败。我正在检查自动更改的“in”类。

$( ".accordion-group div" ).click(function() {
  if ($(".accordion-group div").hasClass( "in" )) {
    $(this).css("width","110%");
  } else {
    $(this).css("width","80%")
  }
});

https://jsfiddle.net/bg250Lhe/

Answer 1

这有点难看，但它确实有效。您可能会找出传递给方法的内容并以此简化选择器。

$('#accordion2').on('hidden.bs.collapse shown.bs.collapse', function () {
    $(this).find('.accordion-heading a').removeClass('bigger');
    $(this).find('.accordion-body.in').prev('.accordion-heading')
      .find('a').addClass('bigger');
});

Demo