维基百科折叠章节链接及自动展开实现方案咨询

问题的核心在于：默认的锚点跳转只是将页面定位到目标位置，但不会触发MediaWiki折叠组件（mw-collapsible）的展开动作。我们需要结合JavaScript来实现“跳转+展开”的联动效果，下面给你两个可行的方案：

方案一：给链接添加点击事件（快速实现） #

这个方案适合单个链接的场景，直接在链接上绑定展开逻辑：

1. 先修改你的折叠区块，给它加上唯一ID并确保初始折叠状态：

<div class="mw-collapsible mw-collapsed" id="collapsible-test">
  ==test==
</div>

（mw-collapsed类是MediaWiki用来标记折叠状态的，必须加上才能默认折叠）

2. 修改表格中的链接，添加点击事件触发展开：

<table>
  <tr>
    <td style="background-color: #4da6ff; border-radius: 5px;">
      <a href="#test" onclick="document.getElementById('collapsible-test').classList.remove('mw-collapsed'); return true;">1</a>
    </td>
  </tr>
</table>

点击这个链接时，会先移除折叠区块的mw-collapsed类（触发展开），再执行默认的锚点跳转动作。

方案二：全局监听锚点变化（适合多个折叠章节） #

如果页面有很多折叠章节需要联动，用全局监听的方式更高效，一次配置就能复用：

1. 给每个折叠区块添加带规则的ID（比如collapsible-+章节锚点名称）：

<div class="mw-collapsible mw-collapsed" id="collapsible-test">
  ==test==
</div>
<!-- 其他折叠章节示例 -->
<div class="mw-collapsible mw-collapsed" id="collapsible-another">
  ==another==
</div>

2. 在页面底部添加这段JavaScript代码：

// 监听锚点变化事件
window.addEventListener('hashchange', handleHashForCollapse);
// 页面加载时如果已有锚点，自动处理
window.addEventListener('load', handleHashForCollapse);

function handleHashForCollapse() {
  const hash = window.location.hash.slice(1); // 去掉开头的#
  if (!hash) return;
  
  // 找到对应的折叠区块
  const collapsibleBlock = document.getElementById(`collapsible-${hash}`);
  if (collapsibleBlock && collapsibleBlock.classList.contains('mw-collapsible')) {
    // 移除折叠类实现展开
    collapsibleBlock.classList.remove('mw-collapsed');
    // 可选：如果想模拟点击折叠按钮的效果，也可以用下面这行代替上面的移除类
    // collapsibleBlock.querySelector('.mw-collapsible-toggle')?.click();
  }
}

这样不管是点击页面内的锚点链接，还是直接在地址栏输入带锚点的URL，对应的折叠章节都会自动展开。

注意事项 #

• 确保章节标题（比如==test==）生成的锚点和你链接中的#test一致，MediaWiki会自动将章节标题转为小写、替换空格为下划线，比如==My Section==对应的锚点是#my_section，要注意匹配。
• 如果你的MediaWiki版本较旧，可能需要调整类名，但mw-collapsible和mw-collapsed是长期稳定的核心类，一般不会有问题。

内容的提问来源于stack exchange，提问作者user3648673