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

Question

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

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

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

我应该为每个 div 创建唯一的 id 吗？是怎么做到的？

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

Answer 1

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