HTML
   HTML5
   CSS
   CSS3
   JavaScript
   jQuery
   AngularJS
   Articles
   Tech Articles
   Blog
Google News
logo
HTML5 Details Tag
The HTML <details> tag specifies additional details that the user can view or hide on demand.

The <details> tag can be used to create an interactive widget that the user can open and close. Any sort of content can be put inside the <details> tag.

Basically, we can utilize details to make an accordion-like gadget that the client can flip open and close. Inside <details>, we can put any kind of data we need.
Example :
<!DOCTYPE html>
 <html>
     
    <head>
         <title>Details Tag</title>
    </head>
     
    <body>
         
        <details>
     
            <summary> Click here </summary>
             
            <p>HTML5 Details Tag - Sample details in the www.freetimelearning.com</p>
     
        </details>
         
    </body>
     
</html>
Output :
Click here

HTML5 Details Tag - Sample details in the www.freetimelearning.com