| | |
|---|
| | | |
|---|
| | | function toggleToc(this: HTMLElement) { |
|---|
| | | this.classList.toggle("collapsed") |
|---|
| | | this.setAttribute( |
|---|
| | | "aria-expanded", |
|---|
| | | this.getAttribute("aria-expanded") === "true" ? "false" : "true", |
|---|
| | | ) |
|---|
| | | const content = this.nextElementSibling as HTMLElement | undefined |
|---|
| | | if (!content) return |
|---|
| | | content.classList.toggle("collapsed") |
|---|
| | | content.style.maxHeight = content.style.maxHeight === "0px" ? content.scrollHeight + "px" : "0px" |
|---|
| | | } |
|---|
| | | |
|---|
| | | function setupToc() { |
|---|
| | |
|---|
| | | const collapsed = toc.classList.contains("collapsed") |
|---|
| | | const content = toc.nextElementSibling as HTMLElement | undefined |
|---|
| | | if (!content) return |
|---|
| | | content.style.maxHeight = collapsed ? "0px" : content.scrollHeight + "px" |
|---|
| | | toc.addEventListener("click", toggleToc) |
|---|
| | | window.addCleanup(() => toc.removeEventListener("click", toggleToc)) |
|---|
| | | } |
|---|
