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

$('#buttonone').hover(function () {
    $('#descriptionone').fadeIn(400);
     buttontwo();

},

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

});

function buttontwo()
{
$('#buttontwo').hover(function () {

    $('#descriptiontwo').fadeIn(400);

},

function () {

    $('#descriptiontwo').fadeOut(400);

});
}