JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<a id="buttonone" href="#">hi</a>

<div id="descriptionone">jhkjh</div>
<br>
<a id="buttontwo" href="#">kk</a>

<div id="descriptiontwo">kgjnjknmgkjdgn</div>

CSS

#descriptionone {
    display:none;
}
#descriptiontwo {
    display:none;
}

JavaScript

var a=false;
$('#buttonone').hover(function () {
    $('#descriptionone').fadeIn(400);
     a=true;
},

function () {
    $('#descriptionone').fadeOut(400);

});

    $('#buttontwo').hover(function () {
        if(a==true)
        {
        $('#descriptiontwo').fadeIn(400);
        }
    },

    function () {
        if(a==true)
        {
        $('#descriptiontwo').fadeOut(400);
        }
       a=false;
    });