JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hasmore">hover me</div>
<div class="popup">Popup 1</div>

<div class="evenmore">stuff</div>
<div class="popup">2nd popup. don't mind me</div>

CSS

.hasmore {
    background: green;
    padding:20px;
}

.popup {
    padding:10px;
    display:none;
    background:red;
}

JavaScript

$('div').hover(function(){
    console.log(this.className);
    if(this.className=='hasmore'){
        $(this).next(".popup").stop().fadeIn();
    }else if(this.className !== 'hasmore' && this.className !== 'popup'){
        $(".popup").fadeOut();
    }
});