Execute a script when the user opens or closes the <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

166 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements