Hosting Solutions
mobile_logo Table of Contents
seal_frontseal_back

details

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

Attributes

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"

HTML

Elements

aabbraddressareaasidearticleaudiobbasebdobdiblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1 h2 h3 h4 h5 h6headheaderhrhtmliiframeimginputinskbdkeygenlabellegendlilinkmainmapmarkmetameternavnoscriptobjectoloptgroupoptionoutputpparampreprogressqrb rp rt rtc rubyssampscriptsectionselectsmallsourcespanstrongstylesub supsummarytabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr