контекстное меню должно отображаться в элементе Specific Div

Question

У меня есть контекстное меню здесь JsFiddle

Вот мой код

JS:

$(document).ready(function () {

        $(document).on('contextmenu', function (e) {
            if (e.target.matches('#menuHere *'))
            {
                const menu = document.querySelector(".menu");
                let menuVisible = false;

                const toggleMenu = command => {
                    menu.style.display = command === "show" ? "block" : "none";
                    menuVisible = !menuVisible;
                };


                const setPosition = ({ top, left }) => {
                    menu.style.left = `${left}px`;
                    menu.style.top = `${top}px`;
                    toggleMenu("show");
                };




                window.addEventListener("click", e => {
                    if(menuVisible)toggleMenu("hide");
                });

                window.addEventListener("contextmenu", e => {
                    e.preventDefault();
                    const origin = {
                        left: e.pageX,
                        top: e.pageY
                    };
                    setPosition(origin);
                    return false;
                });

            }

        else 
        {
                alert('Wrong element');
        }

        });



        });

этот код не работает.

My JsFiddle показывает контекстное меню, но не в Specific Div.Мне нужно показать контекстное меню для конкретного div id = menuHere.

Возможно ли это?

Любая идея высоко ценится.