WP ACF 루프의 부트 스트랩 아코디언 첫 번째 패널을 여는 것/닫는 것

Question

제목에서 알 수 있듯이이 코드는 루프/아코디언에 추가하는 모든 질문을 보여줍니다. 그러나 어떤 항목을 클릭하든 상관없이 첫 번째 및 나 이유를 말해주십시오.

<div class="container"> 
     <div class="row"> 
      <div id="accordion" role="tablist" aria-multiselectable="false" class="py-4"> 

       <?php 
       $counter = 0; 
       $loop = get_field('questions'); 
       foreach($loop as $row) : ?> 
        <div class="card card-no-border card-no-shadow"> 
         <div class="card-header" role="tab" id="heading<?php echo $counter++ ?>"> 
          <h5 class="mb-0"> 
           <a class="body2 uppercase bold" data-toggle="collapse" data-parent="#accordion" 
            href="#collapse<?php the_ID(); ?>" 
            aria-expanded="<?php echo $first; ?>" aria-controls="collapse<?php the_ID(); ?>"> 
            <i class="fa fa-chevron-right" aria-hidden="true"></i> 
            <span style='padding-right: 20px;'></span> 
            <?php echo $row['question_title']?> 

           </a> 
          </h5> 
         </div> 


         <div id="collapse<?php the_ID(); ?>" class="collapse<?php if ($first) { 
          echo "show"; 
          } ?>" role="tabpanel" 
          aria-labelledby="heading<?php the_ID(); ?>"> 
          <div class="card-block body2"> 

           <?php echo $row['answer'] ?> 

          </div> 
         </div> 
        </div> 
       <?php endforeach; ?> 
      </div> 
     </div> 
    </div> 

Answer 1

나는

당신은 대신 카운터를 각 루프/질문의 ID를 사용할 수 없습니다 현재 페이지 ID를 출력하고 당신이 당신의 ID의

href="#collapse<?php the_ID(); ?>" 

id="collapse<?php the_ID(); ?>" 

the_id 기능을 볼 필요가 말할 것

id="collapse<?php echo $counter; ?>"