javascript - 如何为动态内容创建单独的可折叠 div？

Question

我想在我的网站上创建一个实际上是可折叠 div 列表的列表。因此，当您单击列表中的某个项目时，将显示更多信息。

我正在使用来自http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm的动画折叠

问题是，由于我循环遍历 div，它们都具有相同的 id，因此“打开”任何 div 都会打开所有 div。

我应该为每个 div 制作唯一的 id 吗？它是如何完成的？

非常感谢你的帮助。我正在使用 Django。

Answer 1

html 页面中的 id 应该始终是唯一的。当您循环时，您可以将循环索引附加到您的 id 中，以使其唯一。