DETAILS TAG EXAMPLE

Run
<!doctype html>
<html>
    <head>
        <title>
            Using the DETAILS element
        </title>
        <style>
        details {
            padding:10px;
            background-color:#EEE;
            font-size:14px;
        }
        summary {
            font-size:20px;
        }
        </style>
    </head>
    <body>
        <h2>Using the DETAILS tag along with SUMMARY tag</h2>
        <details>
            <summary>
                HTML &lt;details&gt; tag
            </summary>
            <p>Both DETAILS and SUMMARY elements are newly introduced in HTML5.</p>
             <p>Content of details element is not visible unless open attribute of details being set, or user clicks on the arrow control.</p>
        </details>
        <p><b>Note:</b> <cite>Internet Explorer does not support this tag.</cite></p>
    </body>
</html>