JSFiddle - React, Tailwind, and code Playground

by rajaadil

HTML

<div class="tmpd"> kjkjkj</div>
<div class="testtmpblock">data</div>

CSS

.testtmpblock{
            display: none;
            background-color: black;
            height: 100px;
            width: 100px;
        }
        .tmpd{
            height: 100px;
            width: 100px;
            background-color: blue;
        }

JavaScript

$(document).ready(function () {
      $(document).on('mouseenter', '.tmpd', function () {
          $(this).next(".testtmpblock").show();
      }).on('mouseleave', '.tmpd', function () {
          $(this).next(".testtmpblock").hide();
      });
  });