Question

我似乎无法弄清楚如何让我的第一个手风琴面板自动打开。问题是，我无法将其设置为活动状态，因为它使用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-->";

Answer 1

只需添加＆＃34;活动面板＆＃34;类仅限PHP中的第一项。那些是在循环中生成的吗？只需创建一个在每次循环运行时都会增加的计数器变量。如果此计数器== 1（如果您想以0开头，则为0;））将css类添加到标记中。

Answer 2

结束创建以下解决方案：

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

    });

第一个手风琴小组开放

2 个答案: