JSFiddle - React, Tailwind, and code Playground

HTML

<div class="social">
<h1>Test</he>
<span class="networks">NETWORKS!!!</span>
</div>

JavaScript

$(document).ready(function(e) {
 $(".social").hover(function() {
    $("h1", this).hide();
    $(".networks", this).fadeIn();
    }, function() {
    $(".networks", this).hide();
    $("h1", this).fadeIn();
    });
});