Tryit Editor v2.9

Edit This Code:

<!DOCTYPE html>
<html>
<body>

This example uses the HTML DOM to assign an "ontoggle" event to a details element.

Open the details.

<details id="myDetails">
<summary>Copyright 1999-2014.</summary>
 - by Refsnes Data. All Rights Reserved.
All content and graphics on this web site are the property of the company Refsnes Data.
</details>

Note: The details element and the ontoggle event is currently only supported in Chrome, Safari 6+, and Opera 15+.

<script>
document.getElementById("myDetails").ontoggle = function() {myFunction()};

function myFunction() {
alert("The ontoggle event occured");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p>This example uses the HTML DOM to assign an "ontoggle" event to a details element.</p>

<p>Open the details.</p>

<details id="myDetails">
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

<p><b>Note:</b> The details element and the ontoggle event is currently only supported in Chrome, Safari 6+, and Opera 15+.</p>

<script>
document.getElementById("myDetails").ontoggle = function() {myFunction()};

function myFunction() {
    alert("The ontoggle event occured");
}
</script>

</body>
</html>