HTML ontoggle इवेंट एट्रिब्यूट

सिंटैक्स

<details ontoggle="script">Content</details>

उदाहरण

आइए HTML ontoggle इवेंट एट्रिब्यूट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    text-align: center; 
    padding: 20px; 
  } 
</style> </head> <body> 
<h1>HTML ontoggle इवेंट एट्रिब्यूट डेमो</h1> 
<details ontoggle="toggleFn()"> 
  <summary>नमस्ते! मैं सारांश तत्व हूँ</summary> 
  <p>यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है।</p> 
</details> 
<script> 
  function toggleFn() { 
    document.body.style.background = "linear-gradient(45deg, #8BC6EC 0%, #9599E2 100%) no-repeat"; 
    document.body.style.color = "#fff"; 
  } 
</script> </body> </html>

आउटपुट

अब details HTML तत्व को खोलने का प्रयास करें और देखें कि ontoggle इवेंट एट्रिब्यूट कैसे काम करता है।