jQuery - add active class to bootstrap accordion panel heading.js

jQuery - add active class to bootstrap accordion panel heading.js

// jQuery - add active class to Bootstrap Accordion Heading

if ($('#accordion').length) {

	var $panels = $('.panel');

	// add active class to first open panel
	// only necessary if this panel is open by default on your accordion
	$panels.first().addClass('active');

	$('.panel-heading').on('click', function (e) {

		$this = $(this);

		$panel = $this.parents('.panel');

		$panels.not( $panel ).removeClass('active');

		$panel.toggleClass('active');

    });
}