open-nested-details.html 731 B

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