Web Tools Table Maker3schools TranslateImage CompressorFavicon Icon GeneratorCrop & Resize Image
Apu
Apu March 07, 2023 › #Javascript #Q&A

Which of the following events is fired when the user opens or closes the DETAILS element?


[A] change
[B] close
[C] toggle
[D] open

The correct answer is C) toggle.

<details id="details">
 <summary>toggle event</summary>
</details>
<script>
 let details = document.querySelector("#details")
 
 details.addEventListener("toggle", function() {
    details.firstChild.textContent = "done"
 })
</script>

The toggle event is fired when the user opens or closes the <details> element. This event can be used to trigger a variety of actions, such as displaying additional information or showing a different content.

save
listen
AI Answer
Write Your Answer
loading
back
View All