JSFiddle - React, Tailwind, and code Playground

by Vadim

HTML

<ol>
  <li>
    1.1
    <ol>
      <li>2.1</li>
    </ol>
  </li>
  <li>
    1.2
    <ol>
      <li>2.2</li>
    </ol>
  </li>
</ol>

CSS

/* li {
  display: flex;
} */

li ol{
  display: none;
}

li:hover ol {
  display: initial;
}