javascript — Первая панель аккордеона открыта

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

$('.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-->";

0

Решение

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

0

Другие решения

Закончилось создание следующего решения:

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

});
0