JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="pdiv">Hover me :!!</div>
    <div id="adiv">Testy!!!! Don't hover me!!</div>

CSS

#pdiv{color:#fff;background:#252525;padding:5px;width:250px;font-size:23px}
    #adiv{border:1px solid teal;display:none;padding:5px;background:#e2e2e2;width:250px;}

JavaScript

$(function(){
    $('#pdiv').on("mouseenter", function() {
    $('#adiv').show();
        $('#adiv').on("mouseleave",function(){
            
            setInterval(function(){
                $('#adiv').append($('<strong><div id="niyo">Dont leave mouse over nio!!</div></strong>'));
            }, 100);
               
        });
    });
    });