Acordeon zamknięty Opcje

[zabawkicom]

Witajcie mam kod

Kod

$(document).on('click', '.sppb-panel-heading', function(event){
    event.preventDefault();
    var $this = $(this);
    var $items = $this.closest('.sppb-panel-group').find('>div');
    var $handlers = $items.find('.sppb-panel-heading');
    var $panels = $items.find('.sppb-panel-collapse');

    if( $(this).hasClass('active') )
    {
      $(this).removeClass('active');
      $panels.slideUp();
    }
    else
    {
      $handlers.removeClass('active');
      $panels.slideUp();
      $(this).addClass('active').next().slideDown();
}

i przy takim kodzie przy wejściu na stronę acordeon jest otwarty a chciałbym aby był zamknięty.
Przy tworzeniu wykorzystane było http://getbootstrap.com/javascript/#collapse
ale brak wiedzy nie pozwala rozwiązać problemu.

Ten post edytował zabawkicom 29.01.2017, 15:56:08

[zabawkicom]

zmiany w
var $panels = $items.find('.sppb-panel-collapse');

na
collapsing
collapse.in

nie powoduje oczekiwanego efektu czyli zamkniętego acordeon.
Z kodu wynika że jest funkcja z jeżeli ale dalej nie rozumiem zależności.