JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

CSS

li {
    display: inline-block;
    margin-right: 20px;
    background: lightblue;
}
ul {
    background: red;
}

JavaScript

$('ul').mouseleave(function() {
    alert('out');
});