Установите аккордеон по умолчанию на рулон

Question

Есть скрипка here.

Я пытаюсь иметь панели развалился на умолчанию, добавив ...

$container.active(false); 

И это делает сворачивания панелей, но он также нарушает другие Jquery плагины на этой странице.

Вот полный скрипт:

(function() { 

    var $container = $('.acc-container'), 
     $trigger = $('.acc-trigger'); 

    $container.hide(); 
    $container.active(false); 
    $trigger.first().addClass('active').next().show(); 

    var fullWidth = $container.outerWidth(true); 
    $trigger.css('width', fullWidth); 
    $container.css('width', fullWidth); 

    $trigger.on('click', function(e) { 
     if($(this).next().is(':hidden')) { 
      $trigger.removeClass('active').next().slideUp(300); 
      $(this).toggleClass('active').next().slideDown(300); 
     } 
     e.preventDefault(); 
    }); 

    // Resize 
    $(window).on('resize', function() { 
     fullWidth = $container.outerWidth(true) 
     $trigger.css('width', $trigger.parent().width()); 
     $container.css('width', $container.parent().width()); 
    }); 

})(); 

Где я ошибся?

Answer 1

Давайте напишем отрицательный код. Удалите попытку исправить, это вызвало ошибку, поэтому все остальные скрипты перестали работать.

$container.active(false); 

Затем удалите следующую строку. Здесь был расширен первый пункт аккордеона:

$trigger.first().addClass('active').next().show();