close-nested-details.html (738B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html class="reftest-wait"> 6 <script> 7 function runTest() { 8 // Close the inner details. 9 document.getElementById("inner").open = false; 10 document.documentElement.removeAttribute("class"); 11 } 12 </script> 13 <body onload="runTest();"> 14 <details open> 15 <summary>outer summary</summary> 16 <details open id="inner"> 17 <summary>inner summary</summary> 18 <p>inner details</p> 19 <details open> 20 <summary>inner most summary</summary> 21 <p>inner most details</p> 22 </details> 23 </details> 24 <p>outer details</p> 25 </details> 26 </body> 27 </html>