Javascript和移动功能。干扰问题

Question

我的移动菜单有一个小的JavaScript设置。在某些宽度媒体查询中，菜单移动到侧面位置。此行为发生在移动设备上，它不会发生在我的计算机上的移动模拟网站中。

问题是当我连续两次点击同一菜单项时，菜单消失。然后，我必须手机水平和重新加载页面，它将再次工作。

继承我的网站：my site

var jPanelMenu = {};
    $(function() {
      $('pre').each(function(i, e) {
        hljs.highlightBlock(e)
      });

      jPanelMenu = $.jPanelMenu({
        menu: 'ul.sf-menu',
        animated: false,
        keyboardShortcuts: true
      });
      jPanelMenu.on();

      $(document).on('click', jPanelMenu.menu + ' li a', function(e) {
        if (jPanelMenu.isOpen() && $(e.target).attr('href').substring(0, 1) == '#') {
          jPanelMenu.close();
        }
      });

      $(document).on('touchend', '.menu-trigger', function(e) {
        jPanelMenu.triggerMenu();
        e.preventDefault();
        return false;
      });

      // Removes SuperFish Styles
      $('#jPanelMenu-menu').removeClass('sf-menu');
      $('#jPanelMenu-menu li ul').removeAttr('style');

    });

如果这是.removeClass或页面上的其他一些问题，这很奇怪。