javascript - 要素 ID を動的に複製しますか?

Question

私のスクリプトは、以下の例に示すように、複数の無制限の表示/非表示領域を動的に生成します。ID を自動的に作成し、途中でそれぞれを複製する方法を理解する必要があります。例：ID1/ID1、ID2/ID2など

誰かが私がやろうとしていることを理解してくれることを願っています。私はそれをよりよく説明するのに十分なコードリテラシーではありません。各 ID がランダムで重複している場合でも、それは機能します。

ありがとうございました！

<a href="javascript:toggle('ID1')">TEST</a>
<div id="ID1" style="display: none;">
CONTENT HERE
</div>

<a href="javascript:toggle('ID2')">TEST</a>
<div id="ID2" style="display: none;">
CONTENT HERE
</div>

Javascript 部分:

<script type="text/javascript">
function toggle(element) {
document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none";
}
</script>