JSFiddle - React, Tailwind, and code Playground

by nadeemmnn2007

HTML

<div id="behind">
            <div class="footer-green" style="width:200px;height:50px;background:#0f0"></div>
            <p class="textAppear">I'm invisible until you hover !</p>
            <div class="process-green"></div>
            <div class="chat-red"></div>
            <div class="leftNavBox-red"></div>
            <div class="rightNavBox1-red"></div>
            <div class="rightNavBox2-red"></div>
            <div class="rightNavBox3-red"></div>
            <div class="dialogueBox1"></div>
            <div class="dialogueBox2"></div>

      </div>

JavaScript

$('.footer-green').on("mouseover",function(){ ;
	$('.textAppear').show();
});
$('.footer-green').on("mouseout",function(){
	$('.textAppear').hide();
});