在 wiki 页面上制作折叠按钮，但只有一个 div 折叠？详情见页面

Question

抱歉标题不好，我真的不知道该做什么。

我想做的是制作一个可扩展的盒子。通常是一项简单的任务，但我作为普通用户通过 wiki 执行此操作。我没有管理员权限或类似权限。

我通过使用 wiki 的 table 内容代码以非常 hacky 的方式完成了此操作：

<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 会自动在 < h2 > 旁边插入一个 < a > 按钮，单击该按钮可以显示或隐藏框的内容（似乎是通过目录 ID 完成的）。这本身工作得很好，但是当这个框在一个页面上多次使用时，或者即使有一个常规的 table 内容，当任何 show/hide 按钮被点击时只在页面上的第一个框受到影响。

我愿意接受其他制作方法，但是

在 wiki 页面上制作折叠按钮，但只有一个 div 折叠？详情见页面

Making a collapse button on a wiki page, but only one div collapses? see page for details

html

mediawiki

wiki