JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">item 01
    <br />
    <div class="list">
        <ul>
            <li>store 1</li>
            <li>store 2</li>
            <li>store 3</li>
        </ul>
    </div>
</div>
<div class="item">item 02
    <br />
    <div class="list">
        <ul>
            <li>store 1</li>
            <li>store 2</li>
            <li>store 3</li>
        </ul>
    </div>
</div>
<div class="item">item 03
    <br />
    <div class="list">
        <ul>
            <li>store 1</li>
            <li>store 2</li>
            <li>store 3</li>
        </ul>
    </div>
</div>

CSS

.item {
    float:left;
    margin:0px 10px;
    width:100px;
}
.list {
    display:none;
}

JavaScript

$(document).on({
    mouseenter: function () {
        $(this).children('.list').show();
    },
    mouseleave: function () {
        $(this).children('.list').hide();
    }
}, ".item");