代码块展开关闭动画

document.addEventListener("pjax:complete", tonav);
document.addEventListener("DOMContentLoaded", tonav);

function tonav() {
  if (document.querySelector(".code-expand-btn")) {
    document
      .querySelector(".code-expand-btn")
      .addEventListener("click", function () {
        const table = this.nextElementSibling;
        // 展开状态
        const isExpanded = this.classList.contains("expand-done");
        // 展开高度
        const tabBodyHeight = table.querySelector("tbody").offsetHeight;
        // 默认高度
        const mrHeight = "300px";

        if (isExpanded) {
          table.style.maxHeight = mrHeight;

          setTimeout(() => {
            table.style.maxHeight = tabBodyHeight + "px";
          }, 1);
        } else {
          table.style.maxHeight = tabBodyHeight + "px";

          setTimeout(() => {
            table.style.maxHeight = mrHeight;
          }, 1);
        }
      });
  }
}