JSFiddle - React, Tailwind, and code Playground

by Maulik Anand

HTML

<div class="wrap">
    <div class="first">FIRST</div>
    <div class="second">SECOND</div>
</div>

CSS

.wrap {position:relative;}

.first
{position:absolute;top:0;padding:20px;width:80px;height:80px;background:green;color:white;display:block;}

.second {position:absolute;top:0;padding:20px;width:80px;height:80px; background:yellow;color:blue;display:block;visibility:hidden}

JavaScript

(function($) { 
$(".wrap").hover(function() {
$(".first,.second", this).toggle();
    })
    })( jQuery );