Можно ли сделать ссылку на "действие"?

Есть в наличии:

<a href="#" id="menu-link">
  <span class="menu-sub">Открыть</span>
  <span class="menu-main">Меню</span>
</a>
<div id="menu-wrap">
  <div id="menu-inner">
    <h1 id="menu-title">Оглавление</h1>
    <a href="#" id="close">x</a>

Это index.html при нажатии на надпись "Открыть меню" у нас затемняется фоновое изображение и открывается меню, каким образом я могу сделать ссылку с другого ресурса сразу на открытое меню? Дабы не заставлять пользователя снова нажимать кнопку "открыть меню"

script.js

    var $menuWrap = $('#menu-wrap'),
    $body = $('body'),
    $menuTitle = $('#menu-title'),
    $close = $('#close'),
    $menuCards = $('.menu-card'),
    $menuInner = $('#menu-inner'),
    $menuLink = $('#menu-link');

  setCardHeight();
  $(window).resize(setCardHeight);

  $menuLink.on('click', function(e) {
    e.preventDefault();
    showOverlay();
  });

  $close.on('click', function(e) {
    e.preventDefault();
    hideOverlay();
  });

  function showOverlay() {
    $body.addClass('menu-on');
    $menuWrap.addClass('display').addClass('visible');
    setTimeout(function() {
      $menuTitle.addClass('on');
      $close.addClass('on');
    }, 200);
    $menuCards.each(function(i) {
      var $card = $(this);
      setTimeout(function() {
        $card.addClass('on');
      }, 200 + 50 * i);
    });
  }

  function hideOverlay() {
    $body.removeClass('menu-on');
    $menuCards.removeClass('on');
    $menuTitle.removeClass('on');
    $close.removeClass('on');
    setTimeout(function() {
      $menuWrap.removeClass('display').removeClass('visible');
    }, 350);
  }

  function setCardHeight() {
    var windowWidth = $(window).width();
    var topVal;
    if (windowWidth >= 1300) {
      topVal = ($(window).height() - 700) / 2;
    } else {
      topVal = ($(window).height() - 200 - (windowWidth / 1300 * 513)) / 2;
    }
    if (topVal < 10) {
      topVal = 10;
    }
    $menuInner.css('top', topVal);
  }