JSFiddle - React, Tailwind, and code Playground

HTML

<div id="conbox1" class="conbox">
    <div class="boxinner"> <span class="boxtitle">Box 1</span>
 <span class="dboxcontent">Box 1 content</span>

    </div>
</div>
<div id="conbox2" class="conbox">
    <div class="boxinner"> <span class="boxtitle">Box 2</span>
 <span class="dboxcontent">Box 2 content</span>

    </div>
</div>
<div id="conbox3" class="conbox">
    <div class="boxinner"> <span class="boxtitle">Box 3</span>
 <span class="dboxcontent">Box 3 content</span>

    </div>
</div>

CSS

.conbox {
    background-color: #ccc;
    width: 130px;
    height: 130px;
    float: left;
    display: inline;
    margin-right: 15px;
}
.boxtitle {
    display: block;
    text-align: center;
}
.dboxcontent {
    display: none;
}

JavaScript

$('div.conbox').hover(function () {
    $(this).find('.dboxcontent').show();
}, function () {
    $(this).find('.dboxcontent').hide();
});