---
tags: Bootstrap
---

# 手風琴標題加active

$('.panel-collapse.in').siblings('.panel-heading').addClass('active');
$('.panel-collapse').on('show.bs.collapse', function() {
  $(this).siblings('.panel-heading').addClass('active');
});

$('.panel-collapse').on('hide.bs.collapse', function() {
  $(this).siblings('.panel-heading').removeClass('active');
});

---

$('.panel-collapse.in').each(function(){
  $(this).prev('.panel-heading').addClass('active');
});
$('.panel-collapse').on('show.bs.collapse', function() {
  $(this).prev('.panel-heading').addClass('active');
});
$('.panel-collapse').on('hide.bs.collapse', function() {
  $(this).prev('.panel-heading').removeClass('active');
});

---
## Bootstrap 4 accordion

$('.collapse').on('shown.bs.collapse', function () {
  $(this).prev().addClass('active-acc');
});

$('.collapse').on('hidden.bs.collapse', function () {
  $(this).prev().removeClass('active-acc');
 });