$(document).ready(function () {
  $('.accordion .card-header').on('click', function () {
    const $this = $(this);
    const $card = $this.closest('.card');
    const $accordion = $this.closest('.accordion');
    const $collapse = $card.find('.collapse');

    // Toggle current card
    if ($collapse.is(':visible')) {
      $collapse.slideUp().removeClass('show');
      $this.removeClass('active');
    } else {
      // Close others
      $accordion.find('.collapse').slideUp().removeClass('show');
      $accordion.find('.card-header').removeClass('active');

      // Open this one
      $collapse.slideDown().addClass('show');
      $this.addClass('active');
    }
  });
});