Execute Script on Opening or Closing Details Element in HTML

When a user opens or closes the <details> element, the ontoggle event fires. You can try to run the following code to implement ontoggle event attribute −

Example

<!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>
Updated on: 2020-03-03T06:51:55+05:30

126 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements