JSFiddle - React, Tailwind, and code Playground

by thilakar

HTML

<span id="thi"><a href="">links</a></span>
<div class="first" style="display:none;">Thilakar kathirvel</div>
<div class="second" style="display:none;">Thilakar kathirvel <span id="cls">close</span></div>

CSS

.first {
 width:200px;
 height:100px;
 background:#ccc;   
}

.second {
 width:200px;
 height:100px;
 background:#999;  
}

JavaScript

$('#thi').hover(function() {
    $('.first').show();
});

$('#thi').click(function() {    
    $('.second').show();    
    $('.first').hide();
});