在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

回答

相关问题