Открыта первая панель аккордеона

Question

Я не могу понять, как открыть мою первую панель аккордеона, чтобы открыться автоматически. Проблема в том, что я не могу установить ее на активную, так как она отображает данные с PHP из базы данных, поэтому, если я устанавливаю div на «активную панель», он применяет его ко всем панелям. Любая помощь будет замечательной! Просто, чтобы уточнить, я просто пытаюсь открыть первый, чтобы открыть его автоматически. Код:

$('.panel-holder').click(function() { 
     $(this).closest('.accordion').find('.panel-holder').removeClass('active-panel'); 
     $(this).addClass('active-panel'); 

PHP

echo "<div class='panel-holder'> 

    <div class='panel-title'>". $results['job_title'] ." 
     <i class='icon arrow_carrot-down'></i> 
    </div> 

    <div class='panel-content'> 
     <p class='lead'>". $results['job_summary'] ."</p> 
     <p>". $results['job_description'] ."</p> 
    </div> 

    </div><!--end of individual accordian panel-->"; 

Answer 1

Просто добавьте класс "активной панели" к первому элементу в PHP только. Сгенерированы ли они в цикле? Просто создайте переменную счетчика, которая увеличивается при каждом запуске цикла. Если этот счетчик == 1 (или 0, если вы хотите начать с 0;), добавьте класс css в свою разметку.

Answer 2

Завершилось создание следующее решение:

$('.panel-holder').each(function() { 
     $(this).closest('.accordion').find('.panel-holder:first').addClass('active-panel'); 

    });