JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li id=menu-item-12>
            <p>something</p>
        </li>
        <li id=menu-item-9>
            <p>something</p>
        </li>
         <li id=menu-item-11>
            <p>something</p>
        </li>
    </ul>
</nav>

<div id="appendp">
    
</div>

JavaScript

$(function() { // DOM ready shorthand ;)
    
    var $appendEl = $('#appendp');
    var id2text = {
        "menu-item-12" : "unlock this crap",
        "menu-item-9"  : "check your gdmn account",
        "menu-item-11" : "check the hell out"
    };

    $('nav ul li').hover(function(){
        $appendEl.text( id2text[this.id] );
    });
    
});