JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li id="menu-item-11">Something</li>
    </ul>
</nav>
<div id="appendp">
</div>

JavaScript

$(document).ready(function() { 

    /* On hover function, over the menu items */
    $('nav ul li').hover(function(){
        $('nav ul li').css("background-color", "");
        $('#append').css("background-color", "");
        $(this).css("background-color", "#9999FF"); 
        $('#append').css("background-color", "#9999FF"); 

        var append;
        if(this.id == 'menu-item-11') {
            append = 'check out';
            alert('hovered');
        }
        $('#appendp').empty();
        $('#appendp').append(document.createTextNode(append));
    });
})