16 lines
453 B
JavaScript
16 lines
453 B
JavaScript
document.addEventListener("DOMContentLoaded", function(){
|
|
// Fetch all the details element.
|
|
const details = document.querySelectorAll("details");
|
|
|
|
// Add the onclick listeners.
|
|
details.forEach((targetDetail) => {
|
|
targetDetail.addEventListener("click", () => {
|
|
// Close all the details that are not targetDetail.
|
|
details.forEach((detail) => {
|
|
if (detail !== targetDetail) {
|
|
detail.removeAttribute("open");
|
|
}
|
|
});
|
|
});
|
|
});
|
|
}); |