Javascript 手风琴点击问题

如何修复那个Boostrap手风琴一开始工作不正常，它直接显示了它下面的所有标题和内容。双击任何选项卡后，其工作正常。但是当我再次刷新页面时，同样的问题重复出现，我尝试了很多，这里是我的代码和图像

 $content.='<div style="width:600px; margin:auto;">
 <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">';
  while ($activation_row = mysql_fetch_array($result1)) {
                $dobarray1 = explode('-', $activation_row['date1']);
                $date = $dobarray1[2] . '/' . $dobarray1[1] . '/' . $dobarray1[0]; 
                $uid=$activation_row['id'];                 
                $content.='<div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne'.$uid.'">
                        <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne'.$uid.'" aria-expanded="true" aria-controls="collapseOne">
                        '.$date.' '.date("h:i:s A", strtotime($activation_row['time1'])).'
                </a>
                </h4>
                </div>
                <div id="collapseOne'.$uid.'" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne'.$uid.'">
                <div class="panel-body">
                                ' . stripcslashes($activation_row['workflow']) . '
                </div>
              </div>
            </div>';            
            }
$content.='</div></div>';

$content.='
';
而（$activation\u row=mysql\u fetch\u array（$result1））{
$dobarray1=爆炸（'-'，$activation_行['date1']）；
$date=$dobarray1[2]./'.$dobarray1[1]./'.$dobarray1[0]；
$uid=$activation_行['id']；
$content.='
“.stripcslashes（$activation_row['workflow']）”
';            
}
$content.=''；

嘿，我找到了这个问题的解决方案：

  class="panel-collapse collapse in"

在这个类中，从这个类中删除“in”（class=“panel-collapse-collapse{in}”）

若你们想打开第一个标签，你们需要在while循环中加入一个计数器变量增量。当值为“1”时，将“in”添加到类中，否则不要添加

 $content.='<div style="width:600px; margin:auto;">
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">';
            $count = 1; 
            while ($activation_row = mysql_fetch_array($result1)) {
            $final = $count++;
                $dobarray1 = explode('-', $activation_row['date1']);
                $date = $dobarray1[2] . '/' . $dobarray1[1] . '/' . $dobarray1[0]; 
                $uid=$activation_row['id'];

                $content.='<div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne'.$uid.'">
                          <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne'.$uid.'" aria-expanded="true" aria-controls="collapseOne">
                              '.$date.' '.date("h:i:s A", strtotime($activation_row['time1'])).'
                            </a>
                          </h4>
                        </div>';
                            if($final==1){
                             $content.='<div id="collapseOne'.$uid.'" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne'.$uid.'">';
                            }       
                            else{
                             $content.='<div id="collapseOne'.$uid.'" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne'.$uid.'">';
                            }

                             $content.='<div class="panel-body">
                                ' . stripcslashes($activation_row['workflow']) . '
                              </div>
                            </div>
                          </div>';

$content.='
';
$count=1；
而（$activation\u row=mysql\u fetch\u array（$result1））{
$final=$count++；
$dobarray1=爆炸（'-'，$activation_行['date1']）；
$date=$dobarray1[2]./'.$dobarray1[1]./'.$dobarray1[0]；
$uid=$activation_行['id']；
$content.='
';
如果（$final==1）{
$content.=''；
}       
否则{
$content.=''；
}
$content.='
“.stripcslashes（$activation_row['workflow']）”
';