JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
  <div class="box1"></div>
</div>
fwefwefew

CSS

div.box {
  width: 50px;
  height: 50px;
  background: green;
  position: relative;
}
div.box div.box1 {
  position: relative;
  width: 50px;
  height: 100px;
  background: black;
  display: none;
}
div.box:hover {
  height: unset;
}
div.box:hover div.box1 {
  display: block;
}