JSFiddle - React, Tailwind, and code Playground

HTML

<area class="hasmore" coords="" />
<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:50px;
}
.popup {
    margin-top:45px;
    padding:10px;
    display:none;
    background:red;
}

JavaScript

$("area.hasmore").mouseenter(function () {
     $(this).next(".popup").stop().fadeIn();
 });

 $("area.hasmore").mouseleave(function () {
     $(".popup").fadeOut();
 });