mobile navigation on jQuery

var _document = $(document),
    mainNavList = $('.header__nav-list'),
    mainNavToggle = $('.header__nav-toggle'),
    header = $('.header');

_document.on('click', '.header__nav-toggle', function (e) {
  e.preventDefault();
  mainNavList.toggleClass('header__nav-list_active');
  mainNavToggle.toggleClass('header__nav-toggle_active');
  return false;
});

_document.on('click', function (e) {
  if ($(e.target).closest(".header__nav").length) return;
  
  if (mainNavList.hasClass("header__nav-list_active")) {
    e.preventDefault();
    mainNavList.removeClass('header__nav-list_active');
    mainNavToggle.removeClass('header__nav-toggle_active');
    e.stopPropagation();
  }
});