HTML में उपयोगकर्ता द्वारा <details> एलिमेंट खोलने/बंद करने पर स्क्रिप्ट कैसे निष्पादित करें?

जब उपयोगकर्ता <details> एलिमेंट खोलता या बंद करता है, तो ontoggle इवेंट फायर होता है।

उदाहरण

ontoggle इवेंट एट्रिब्यूट लागू करने का कोड:

<!DOCTYPE html>
<html>
  <body>
    <h2>Details</h2>
    <p>You need to join office from Feb23</p>
    <details ontoggle="display()">
      <summary>More Information</summary>
      <p>Timings: 9 to 5:30</p>
      <p>Office location: Hyderabad</p>
    </details>
    <script>
      function myFunction() {
        alert("Timings, office location, etc");
      }
    </script>
  </body>
</html>

<details> और <summary> एक डिस्क्लोजर विजेट बनाते हैं। ontoggle इवेंट open स्थिति बदलने पर फायर होता है। JavaScript से details.open प्रॉपर्टी चेक/सेट करें।