JSFiddle - React, Tailwind, and code Playground

HTML

<a href="">Some text 1</a>

<a href="">Some text 2</a>

<a href="">Some text 3</a>

<a id="menu" href="">MENU</a>

<a id="submenu" href="">SUBMENU</a>

JavaScript

$(function () {
    $('#submenu').hide();
    $('#menu').hover(function () {
        $('#submenu').show();
    });
    $('a:not(#menu,#submenu)').hover(function () {
        $('#submenu').hide();
    })
});