Restaurar detalhes do estado ao recarregar a página [duplicado]

// Loop over all available <details> elements in the page:
document.querySelectorAll("details").forEach((details, index)=>{

  // Create a unique ID based on the loop index:      
  const itemId = `details-${index}`;
  // Create a helper function to dynamically grab the open/closed state from localStorage
  const detailsState = ()=> localStorage.getItem(itemId);

  // Open elements that were found in localStorage as open:
  if ( detailsState() === "open" ){
    details.setAttribute("open", "true");
  } 

  // Add click handlers to update the open/close state in localStorage:
  details.querySelector("summary").addEventListener("click", e =>{

    e.preventDefault();

    if ( detailsState() === "open" ){
      localStorage.setItem(itemId, "closed");
      details.removeAttribute("open");
    } else {
      localStorage.setItem(itemId, "open");
      details.setAttribute("open", "true");
    }

  })

});

<details id="parent">
  <summary>25</summary>
  <ul>
      <li>100</li>
      <li>101</li>    
      <details>
      <summary>26</summary>
      <ul>
          <details>
          <summary>72</summary>
          <ul>
              <li>73</li>
          </ul>
      </ul>
      <li>27</li>
  </ul>
</details>