Example
Execute a JavaScript when a <details> element is opened or closed:
<details ontoggle="myFunction()">
Try it Yourself »
Definition and Usage
The ontoggle attribute fires when the user opens or closes the <details> element.
The <details> element specifies additional details that the user can view or hide on demand.
Browser Support
The numbers in the table specify the first browser version that fully supports the event attribute.
| Event Attribute | |||||
|---|---|---|---|---|---|
| ontoggle | 12.0 | Not supported | Not supported | 6.0 | 15.0 |
Differences Between HTML 4.01 and HTML5
The ontoggle attribute is new in HTML5.
Syntax
<element ontoggle="script">
Attribute Values
| Value | Description |
|---|---|
| script | The script to be run on ontoggle |
Technical Details
| Supported HTML tags: | <details> |
|---|
Related Pages
HTML DOM reference: ontoggle event