HTML Standard Tracker


File a bug

SVNBugCommentTime (UTC)
3825<details> example2009-09-13 11:23
@@ -43679,20 +43679,43 @@ fur
   details to be hidden, the user agent must remove the <code
   title="attr-details-open">open</code> attribute from the
   <p>The <dfn title="dom-details-open"><code>open</code></dfn>
   attribute must <span>reflect</span> the <code
   title="attr-details-open">open</code> content attribute.</p>
+  <div class="example">
+   <p>The following example shows the <code>details</code> element
+   being used to hide technical details in a progress report.</p>
+   <pre>&lt;section class="progress window">
+ &lt;h1>Copying "Really Achieving Your Childhood Dreams"&lt;/h1>
+ &lt;details>
+  &lt;legend>Copying... &lt;progress max="375505392" value="97543282">&lt;/progress> 25%&lt;/legend>
+  &lt;dl>
+   &lt;dt>Transfer rate:&lt;/dt> &lt;dd>452KB/s&lt;/dd>
+   &lt;dt>Local filename:&lt;/dt> &lt;dd>/home/rpausch/raycd.m4v&lt;/dd>
+   &lt;dt>Remote filename:&lt;/dt> &lt;dd>/var/www/lectures/raycd.m4v&lt;/dd>
+   &lt;dt>Duration:&lt;/dt> &lt;dd>01:16:27&lt;/dd>
+   &lt;dt>Color profile:&lt;/dt> &lt;dd>SD (6-1-6)&lt;/dd>
+   &lt;dt>Dimensions:&lt;/dt> &lt;dd>320&times;240&lt;/dd>
+  &lt;/dl>
+ &lt;/details>
+  </div>
 <!-- v2DATAGRID
   <h4 id="datagrid">The <dfn><code>datagrid</code></dfn> element</h4>
   <dl class="element">
    <dd><span>Flow content</span>.</dd>
    <dd><span>Interactive content</span>.</dd>
    <dd><span>Sectioning root</span>.</dd>
    <dt>Contexts in which this element may be used:</dt>