Javascript 如何使用引导创建可折叠菜单

我正在尝试构建一个代码片段html页面，我正在使用引导框架

我的代码看起来像是爆炸

HTML 代码片段 JS代码 $document.ready函数{ 对于var index=0；index 非常感谢您的建议

谢谢。

因为要创建带有for循环的元素，所以必须使每个id唯一。一种方法是将for循环中的索引值附加到id

此外，您使用大写字母表示“Name”和“Code”，而不是json中使用的小写字母

最后，您丢失了我在结束元素之前添加的结束div标记

' ; } } ;

---

希望对您有所帮助。

请上传完整代码，我需要知道您为代码片段变量指定了哪个值。您的html无效。元素只能将元素作为子元素。

[
  {
    "name" : "alert",
    "code" : "alert('message')" ,
  },
  {
    "name" : "console",
    "code" : "console.log(message)",
  }
]

    $( document ).ready( function () {
    for ( var index = 0; index < snippets.length; index++ ) {
        $( "#snippets" ).append( '<li class="list-group-item"> <div id="snippet_name' + index + '" data-toggle="collapse" data-target="#codesnippet' + index + '">'
    + snippets[index].name + '</div> <div id="codesnippet' + index + '" class="collapse codesnippet javascript">'
    + '<pre><code class="javascript">'
    + snippets[index].code + '</code></pre></div></li>' );

     }
} );