JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <select>
        <option>blablabla</option>
    </select>
</div>

<article></article>

CSS

div {
    padding: 8px;
}

JavaScript

$(function() {
    $('div').mouseenter(function() {
        $('article').append('<p>in</p>');
    });
    $('div').mouseleave(function() {
        $('article').append('<p>out</p>');
    });
});