Html 在wiki页面上创建折叠按钮，但只有一个div折叠？有关详细信息，请参见第页

很抱歉标题不好，我真的不知道该怎么办

我想做的是做一个可扩展的盒子。这通常是一个简单的任务，但我作为一个普通用户通过wiki来完成。我没有管理员权限或类似的权限

我通过使用wiki的目录代码以一种非常黑客的方式实现了这一点：

<div id="toc" class="toc" style="border:1px grey solid; height:1em; overflow:auto; background-color:rgb(38,38,38);">
    <div id="toctitle">
        <h2>Click to expand</h2>
    </div>
    <ul>[user puts their content in here]</ul>
</div>

单击展开
[用户将其内容放入此处]

wiki的javascript会自动在

旁边插入一个按钮，单击该按钮可以显示或隐藏框中的内容（似乎是通过toc id完成的）。就其本身而言，这非常有效，但是当此框在页面上多次使用时，或者即使有一个常规的目录，当单击任何显示/隐藏按钮时，只有页面上的第一个框会受到影响

我愿意使用其他方法来实现这一点，但是