아코디언 클릭 문제

Question

처음에는 Boostrap Accordion이 제대로 작동하지 않았던 문제를 해결하기 위해 그 밑에 모든 제목과 내용을 직접 표시하고있었습니다. 탭이 제대로 작동하면 더블 클릭하십시오. 이 클래스 제거 "에서의

class="panel-collapse collapse in" 

: 그러나 다시 내가 페이지 같은 문제는 내가 여기에 많은 노력 이봐 난이 문제에 대한 해결책을 발견

$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>'; 

Answer 1

내 코드와 이미지가되었습니다 반복 새로 고침입니다 때 "이 클래스를 구성하십시오 (클래스 ="패널 축소 붕괴 {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>';