foreach 루프 내에서 부트 스트랩 아코디언 만들기

Question

각 대화가 별도의 아코디언에 포함되어 있고 약간의 문제가있는 동적 메모 필드를 만들려고합니다.

나는 부트 스트랩 (bootstrap)의 기본 코드를 복사하고 일어날 필요가있는 다른 것들을 호출하는 방법을 알아 차렸다. 그래서 각 ID 끝에 각 항목 {{ $cover_design_note->id }}의 고유 ID를 추가하여 작동하도록 시도했지만 작동하지 않는 것 같습니다. 실제로 조금 더 깨뜨린 것처럼 보였습니다.

도움이 될 것입니다. 잠시 동안 고민하고 있습니다.

내 코드 링크에 data-toggle 속성은 혼자해야이

@foreach($cover_design->notes as $cover_design_note) 
    <div class="noteAcc"> 
     <div class="accordion" id="accordion{{ $cover_design_note->id }}"> 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse{{ $cover_design_note->id }}" data-parent="#accordion{{ $cover_design_note->id }}" href="#collapse{{ $cover_design_note->id }}">Collapsible Group Item #1</a> 
      </div><!--.accordion-heading--> 
      <div id="collapse{{ $cover_design_note->id }}" class="accordion-body collapse in"> 
      <div class="accordion-inner"> 
           Anim pariatur cliche... 
      </div><!--.accordion-inner--> 
     </div><!--.accordion-body--> 
     </div><!--.accordion-group--> 
    </div><!--.accordion--> 
    </div><!--.noteAcc-->    
@endforeach 

Answer 1

것 같습니다.

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion{{ $cover_design_note->id }}" href="#collapse{{ $cover_design_note->id }}">Collapsible Group Item #1</a>