Question

我正在使用bootstrap手风琴，想要在点击时更改手风琴标题背景，当你必须点击关闭手风琴组时它才能正常工作，但是当你点击另一个时手风琴组会自动关闭它失败。我正在检查自动更改的“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

如何改变bootstrap手风琴的背景？

1 个答案: