Метод dblclick() в jQuery

Question

Я пишу метод jQuery dblclick(). Я пытаюсь показать скрытое меню при двойном нажатии на кнопку. Я создаю кнопку с именем «Меню» в своем html-файле с атрибутом href.

Атрибут href в файле HTML выглядит следующим образом:

Итак, при двойном щелчке по «Меню» отображаются три варианта — youtube, facebook, apple.

а затем в файле js я создаю функцию dblclick() и даю им идентификатор «menu_link», а затем использую show() для отображения скрытого меню.

Это то, что у меня есть в файле js:

      $('#menu_link').dblclick(function(){
      $('#menu').show();
    });

Это не работает. Когда я дважды щелкаю пункт «меню», он мне ничего не показывает.

В HTML-файле:

      <a href="#" id="menu_link">Menu</a>
        <div id="menu" style="display: none;">
          <a href="https://www.youtube.com/">Youtube</a><br/>
          <a href="https://www.facebook.com/">Facebook</a><br/>
          <a href="https://www.apple.com/">Apple</a>
              
        </div>
        

В js-файле:

      $(function() {
$('#menu_link').dblclick(function(){
      $('#menu').show();
    });
  });

Ссылка на проект - https://glitch.com/edit/#!/comp484-proj2-km