1

我有一个元素列表的列表。我想使用引导程序中的可折叠按钮折叠每个内部列表。我试过这个：

<button id="button" type="button" data-toggle="collapse" data-target="#demo" style="display : hidden">
   Click to collapse
</button>

<c:forEach items="${list.elements}" var="element">
   <div id="collapsibleElement" class="collapse in">
      ${element.content}
   </div>
</c:forEach>

如果列表中只有一个元素，则此方法有效，单击按钮后文本折叠。但是，它不适用于列表中的更多元素。创建了正确数量的按钮，但是在单击任何按钮后，只有第一个按钮下的文本会折叠。

所有元素的 id 保持不变，我的猜测是这可能是问题的原因。任何建议如何解决这个问题？

4

0 回答 0