Hosting Solutions
mobile_logo Table of Contents


The <details> element is a control that toggles additional information in and out of view. Use this tag together with the <summary> element in order to customize the text that the details tag has always visible to the user.

Note: This element is in jeopardy of being removed from HTML.

Code Example

<details>Here are the toggled details</details> open in code editor <details open="open">Here are the toggled details</details> open in code editor


globals - the global attributes common to all elements possible values: see global attribute list open - specify that the information should be showing by default possible values: "open"



aabbraddressareaasidearticleaudiobbasebdobdiblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1 h2 h3 h4 h5 h6headheaderhrhtmliiframeimginputinskbdkeygenlabellegendlilinkmainmapmarkmetameternavnoscriptobjectoloptgroupoptionoutputpparampreprogressqrb rp rt rtc rubyssampscriptsectionselectsmallsourcespanstrongstylesub supsummarytabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr