在foreach循環中創建Bootstrap Accordion

我正在嘗試創建一個動態的音符字段，其中每個對話都在一個單獨的手風琴中，並且有點麻煩。在foreach循環中創建Bootstrap Accordion

我繼續從引導中複製基本代碼，並注意到它們調用需要發生的不同事情的方式。所以我試圖在每個ID末尾添加我的每個項目{{ $cover_design_note->id }}的唯一ID，以嘗試使其工作...但這似乎不起作用。它實際上似乎打破了一點。

任何幫助將是美好的，我一直在努力這一段時間。

我的代碼看起來像這樣

@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

來源

2013-08-26 zazvorniki

鏈路上的data-toggle屬性應該被單獨留在家中。

<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>

來源

2013-08-26 18:22:49

在foreach循環中創建Bootstrap Accordion

回答

相關問題