Скрыть ближайший элемент, который является супер прародителем

Question

Я застрял в мега мобильном меню. Я пытаюсь закрыть вкладку showProduct, которая открыта, нажав на наши продукты со ссылкой внутри этой вкладки. Это обратная ссылка.

Я пробовал какое-то решение, на самом деле никто не работает ..

Последнее, что я пробовал:

в css, видимость по умолчанию скрыт.

может быть проблема с синтаксисом? В журнале консоли нет ошибок ...

$("#productReturn").on('click', function (){
      $(this).closest("#showProduct").css("visibility", "hidden");
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- nav level 1 -->

<li id="ourProducts">
            <a class="nav-menu-title" href="#">OUR PRODUCTS</a>
            <!-- nav level 2 -->
            <div id="showProduct">
                <ul id="showCat">
                    <li class="menu-title-return">
                        <a href="#" id="productReturn">Return to product</a>
                    </li>

Спасибо, если кто-то смог нацелиться на то, что происходит, и почему я не смог заставить его работать должным образом.

РЕДАКТИРОВАТЬ: Решение, спасибо за вашу помощь

$("#productReturn").on('click', function (){
      $(this).closest("#showProduct").css("visibility", "hidden");
      return false;
    });