Javascript 引导折叠不适用于Meteor.js的每个循环

我正在以下模板中检索位置列表

<template name="explore">
    <h2>Explore Places</h2>
    <ul>
        {{#each locations}}
        <h4><a data-toggle="collapse" data-target="#info">{{name}}</a></h4>
        <p id="info" class="collapse">{{{information}}}</p>
        {{/each}}
    </ul>
 </template>

探索地方

{{{#每个位置}
{{name}}
{{{{information}}
{{/每个}}

---

每当单击某个位置时，我都希望通过使用引导折叠来显示其相应的隐藏信息。但是单击列表中的任何链接都会显示列表中第一项的信息。

解决了这个问题，我对每个可折叠标记使用了相同的“id”：

<template name="explore">
    <h2>Explore Places</h2>
    <ul>
        {{#each locations}}
        <h4><button class="btn btn-mini" data-toggle="collapse" data-target="#{{name}}">{{name}}</button></h4>
        <li>
            <p id="{{name}}" class="collapse">{{{information}}}</p>
        </li>
        {{/each}}
    </ul>
</template>

探索地方

{{{#每个位置}
{{name}}

{{{{information}}

{{/每个}}

解决了这个问题，我对每个可折叠标签使用了相同的“id”：

<template name="explore">
    <h2>Explore Places</h2>
    <ul>
        {{#each locations}}
        <h4><button class="btn btn-mini" data-toggle="collapse" data-target="#{{name}}">{{name}}</button></h4>
        <li>
            <p id="{{name}}" class="collapse">{{{information}}}</p>
        </li>
        {{/each}}
    </ul>
</template>

探索地方

{{{#每个位置}
{{name}}

{{{{information}}

{{/每个}}

第一眼看，你不也需要一个

吗？添加了它。没什么区别。乍一看，你不也需要一个

吗？添加了它。没什么区别。