JSFiddle - React, Tailwind, and code Playground

by ApachEsH

HTML

<div class="one"></div>
<div class="two"></div>

CSS

.one {
  width: 50px;
  height: 50px;
  background: green;
}

.two {
  width: 50px;
  height: 50px;
  background: yellow;
  opacity: 0;
}

.two.show {
  opacity: 1;
}

JavaScript

$('.one').hover(function() {

        $(this).toggleClass('hover')

        if ($(this).hasClass('hover')) {

            $('.two').addClass('show');

        } else {

            $('.two').removeClass('show');
        }

    });