跳转到内容

用户:By H/common.js

来自SCR公司
By H留言 | 贡献2026年1月7日 (三) 02:19的版本 (创建页面,内容为“document.addEventListener("DOMContentLoaded", () => { const headers = document.querySelectorAll('.scr-collapse-header'); headers.forEach(header => { const content = header.nextElementSibling; const symbol = header.querySelector('.scr-collapse-symbol'); const textOpen = header.getAttribute('data-text-open') || '+ 展开'; const textClose = header.getAttribute('data-text-close') || '- 收起'; const defaultState = header.getAttribute…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
document.addEventListener("DOMContentLoaded", () => {
  const headers = document.querySelectorAll('.scr-collapse-header');

  headers.forEach(header => {
    const content = header.nextElementSibling;
    const symbol = header.querySelector('.scr-collapse-symbol');

    const textOpen = header.getAttribute('data-text-open') || '+ 展开';
    const textClose = header.getAttribute('data-text-close') || '- 收起';
    const defaultState = header.getAttribute('data-default') || 'closed';

    if (defaultState === 'open') {
      content.style.maxHeight = content.scrollHeight + "px";
      symbol.textContent = textClose;
    } else {
      content.style.maxHeight = "0";
      symbol.textContent = textOpen;
    }

    header.addEventListener('click', () => {
      if (content.style.maxHeight && content.style.maxHeight !== "0px") {
        content.style.maxHeight = "0";
        symbol.textContent = textOpen;
      } else {
        content.style.maxHeight = content.scrollHeight + "px";
        symbol.textContent = textClose;
      }
    });
  });
});