我似乎无法弄清楚如何让我的第一个手风琴面板自动打开。问题是,我无法将其设置为活动状态,因为它使用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 :(得分:0)
只需添加&#34;活动面板&#34;类仅限PHP中的第一项。那些是在循环中生成的吗?只需创建一个在每次循环运行时都会增加的计数器变量。如果此计数器== 1(如果您想以0开头,则为0;))将css类添加到标记中。
答案 1 :(得分:0)
结束创建以下解决方案:
$('.panel-holder').each(function () {
$(this).closest('.accordion').find('.panel-holder:first').addClass('active-panel');
});