Touch Friendly Drop Down Menu

mobileMenuTouchHelper.js

function mobileMenuTouchHelper () {
  $(document).on('page:change', function () {
    var topLevelMenuItems = $('.menu__list > a');
    menuTouches(topLevelMenuItems);
    $(window).on('orientationchange', function () {
      unbindTouches(topLevelMenuItems);
      menuTouches(topLevelMenuItems);
    });
  });
}

function unbindTouches (items) {
  $.each(items, function (index, elem) {
    $(elem).unbind('touchend');
  });
}

function menuTouches (items) {
  if ($(window).width() > 767) {
    $.each(items, function (index, elem) {
      $(elem).on('touchend', menuTouchHandler.bind(this, items));
    });
  }
}

function menuTouchHandler (items, e) {
  if ($(this).parent().hasClass('js-menu_hover')) {
    $(this).parent().removeClass('js-menu_hover');
  } else {
    e.preventDefault();
    $(this).parent().addClass('js-menu_hover');
    removeOthers(this, items);
  }
}

function removeOthers (currentElem, items) {
  $.each(items, function (index, elem) {
    if ($(currentElem).text() !== $(elem).text()) {
      $(this).parent().removeClass('js-menu_hover');
    }
  });
}

module.exports = mobileMenuTouchHelper;