27 lines
862 B
JavaScript
27 lines
862 B
JavaScript
/* For all details, when expanded, expand child details */
|
|
|
|
let openChildren = (event) => {
|
|
details = event.target;
|
|
let childDetails = Array.from(details.getElementsByTagName("details"));
|
|
if (details.open) {
|
|
childDetails.forEach((e) => e.setAttribute("open", "true"));
|
|
} else {
|
|
childDetails.forEach((e) => e.removeAttribute("open"));
|
|
}
|
|
};
|
|
|
|
let details = Array.from(document.getElementsByTagName("details"));
|
|
details.forEach((e) => e.addEventListener("toggle", openChildren));
|
|
|
|
/* Toggle all details */
|
|
let openAll = (event) => {
|
|
let allDetails = Array.from(document.getElementsByTagName("details"));
|
|
if (event.target.open) {
|
|
allDetails.forEach((e) => e.setAttribute("open", "true"));
|
|
} else {
|
|
allDetails.forEach((e) => e.removeAttribute("open"));
|
|
}
|
|
};
|
|
|
|
document.getElementById("expand-all").addEventListener("toggle", openAll);
|
