JSFiddle - React, Tailwind, and code Playground

HTML

<div id="MENU1">1</div>
<div id="MENU2">2</div>
<div id="MENU3">3</div>
<div id="MENU4">4</div>
<div id="MENU5">5</div>

JavaScript

function wrap(i) {
    $("#MENU" + i).hover(

    function () {
        alert(i);
        $("#SUB" + i).slideDown(800);
    }, function () {
        $("#SUB" + i).slideUp(300);
    });
}


for (var i = 1; i < 6; i++) {

    /*$("#MENU"+i).hover(

        function(){
                alert(i);
                $("#SUB"+i).slideDown(800);
        },function(){
                $("#SUB"+i).slideUp(300);
        });*/
    wrap(i);
}