| | |
|---|
| | | function toggleCallout(this: HTMLElement) { |
|---|
| | | const outerBlock = this.parentElement! |
|---|
| | | this.classList.toggle(`is-collapsed`) |
|---|
| | | const collapsed = this.classList.contains(`is-collapsed`) |
|---|
| | | outerBlock.classList.toggle(`is-collapsed`) |
|---|
| | | const collapsed = outerBlock.classList.contains(`is-collapsed`) |
|---|
| | | const height = collapsed ? this.scrollHeight : outerBlock.scrollHeight |
|---|
| | | outerBlock.style.maxHeight = height + `px` |
|---|
| | | } |
|---|
| | | |
|---|
| | | function setupCallout() { |
|---|
| | | const collapsible = document.getElementsByClassName(`callout is-collapsible`) as HTMLCollectionOf<HTMLElement> |
|---|
| | | const collapsible = document.getElementsByClassName( |
|---|
| | | `callout is-collapsible`, |
|---|
| | | ) as HTMLCollectionOf<HTMLElement> |
|---|
| | | for (const div of collapsible) { |
|---|
| | | const title = div.firstElementChild |
|---|
| | | |
|---|
