jQuery - hide on outside click #jquery #esc

jQuery - hide on outside click.js

var subMenuButton = 'ul#primary-menu li.menu-item-has-children > a'
var subMenuDropdown = 'ul.submenu.menu-depth-1'

// Hide menu drop-down on outside click
$(document).on('click', function (e) {
  if ($(subMenuButton).hasClass('expanded') && $(e.target).closest(subMenuButton).length === 0) {
    $(subMenuButton).removeClass('expanded')
    $(subMenuDropdown).hide()
  }
})

// Hide menu drop-down by pressing the ESC key
$(document).keyup(function (e) {
  if ($(subMenuButton).hasClass('expanded') && e.keyCode === 27) {
    $(subMenuButton).removeClass('expanded')
    $(subMenuDropdown).hide()
  }
})