JSFiddle - React, Tailwind, and code Playground

HTML

<div class="asd">
  <span style="color:blue">Описание</span>(спойлер)</div>
<div id="id321" class="hide">
  <span style="color:red">А вот Мы и открылись!</span>
</div>

CSS

.hide {
  display: none;
  width: 165px;
}
.asd {
  border: dotted 1px rgba(0, 0, 0, .5);
  width: 140px;
}

TypeScript

$(document).ready(function() {
  $(".asd").mouseenter(function() {
    $(".hide").css("display", "block");
  });
  $(".hide").mouseleave(function() {
    $(".hide").css("display", "none");
  });
});