JSFiddle - React, Tailwind, and code Playground
HTML
<div class='putmehere'></div>
<div class='myhover num1'
data-text='Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium '>
</div>
<div class='myhover num2' data-text='This is number 2'></div>
<div class='myhover num3' data-text='This is number 3'></div>
CSS
.myhover {
width: 100px;
height: 100px;
background-color: red;
margin-top: 10px;
}
JavaScript
$( ".myhover" ).hover(
function(){
var mytext = $(this).data("text");
$('.putmehere').html( mytext );
},
function(){
$('.putmehere').html('');
}
);