When collapsing, remove the class from the previous paragraph?

Question

JavaScript

I use bootstrap collapse, the question is:
I have 3 open items, I need to click on the item after the first one to close the previous one here codepen.io/alex-lenk/pen/LRpBwj

Please help me.

Answer 1

$('.panel-collapse').on('hide.bs.collapse', function () {
  var $target = $(this).parent('.panel').prev('.panel').children('.panel-collapse');
  if ($target) $target.collapse('hide');
});