JSFiddle - React, Tailwind, and code Playground

by sridhar reddy

HTML

<ol>
  <li>
    <a id="a">Text</a>
    <a id="b">Text</a>
  </li>
  <li>Text</li>
</ol>

CSS

#a {
  text-decoration: underline;
  color: olivedrab;
  display: block;
}

#b {
  background-color: lightblue;
  width: 110px;
  height: 0;
  display: block;
  overflow: auto;
  transition: 300ms height ease-in;
}

#a:hover ~ #b {
  height: 110px;

}