JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li>
  <input type="checkbox" /> Tree
    <ol>
    <li>Subtree</li>
    <li>Subtree</li>
    <li>
    <input type="checkbox" />
      Subtree
    <ol>
    <li>Sub Subtree</li>
    <li>Sub Subtree</li>
    </ol>
    </li>
    </ol>
  </li>
  <li>
  <input type="checkbox" />
  Tree
    <ol>
    <li>Subtree</li>
    <li>Subtree</li>
    <li>
    <input type="checkbox" />
    Subtree
    <ol>
    <li>Sub Subtree</li>
    <li>Sub Subtree</li>
    </ol>
    </li>
    </ol>
  </li>
</ol>

CSS

input:checked ~ ol {
  display:none;
}