Content - 07e8c030f18e635576bff2bc5d31dd884bfa0442 - 0fa97e0/close-nested-details.html

close-nested-details.html

<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
   - http://creativecommons.org/publicdomain/zero/1.0/ -->

<html class="reftest-wait">
  <script>
  function runTest() {
    // Close the inner details.
    document.getElementById("inner").open = false;
    document.documentElement.removeAttribute("class");
  }
  </script>
  <body onload="runTest();">
    <details open>
      <summary>outer summary</summary>
      <details open id="inner">
        <summary>inner summary</summary>
        <p>inner details</p>
        <details open>
          <summary>inner most summary</summary>
          <p>inner most details</p>
        </details>
      </details>
      <p>outer details</p>
    </details>
  </body>
</html>