JSFiddle - React, Tailwind, and code Playground

HTML

<div id="rel">111</div>
<div id="rel2">222</div>
<div id="cl">Clme</div>
<div id="sh"></div>

<div id="cl2">Clme2</div>

JavaScript

$('#cl').hover(function(){
    $('#sh').html($('#rel').html());
},
               function(){
                     $('#sh').html('');
               });

$('#cl2').click(function(){
    $('#cl').unbind('mouseenter').unbind('mouseleave');
   $('#c1').bind('click',add2());
});


function add2()
{
       $('#sh').html($('#rel2').html());  
}