Tag Name : details
Showing a summary level item with a hyperlink and showing further details when the summary level item is clicked, is a commonly noticed visual design pattern in the web world.
The 'details' tag provides this hiding/showing of additional details functionality out of the box. The 'summary' tag is used to specify the visible part, the summary-level item.
HTML Example :
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<details>
<summary>Educational Qualifications</summary>
<p>Masters in Psychology</p>
<p>Masters in Astrology</p>
<p>Masters in Computer Science</p>
</details>
</body>
</html>
Output :
Educational Qualifications
Masters in Psychology
Masters in Astrology
Masters in Computer Science