HTML ontoggle Event Attribute

Description

The event attribute ontoggle is triggered when the user opens or closes the <details> element. The <details> element defines additional information that can be displayed or hidden at the request of the user.

Syntax

<details ontoggle="script">

Values

scriptThe name of the script to use when the event has been triggered.

Example

HTML

<!DOCTYPE html > 
<html> 
  <head> 
    <title>ontoggle event</title> 
  </head> 
  <body>  
  <h2>ontoggle event attribute</h2> 
  <p>Click below to open the details.</p> 
  <details ontoggle="test()"> 
  <summary style="color:blue;">What is the full form of HTML</summary> 
  <p>Hyper Text Markup Language</p> 
  </details> 
<script> 
function test() { 
  alert("EXAMPLE: The ontoggle event triggered"); 
} 
</script> 
  </body> 
</html>

Result

Supported Tags

Browser Support

Desktop

?	?	?	?	?	?

Tablets / Mobile

?	?	?	?	?	?

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu