Closing interactive pop out/up areas such as modals and menus with jQuery.

JS: Close When Clicking Elsewhere

/*
  UX: Dealing with dynamic pop ups.
  Clicking/touching the html will close anything
  with a class of 'open'

  Sean Bullock
*/
$('html').on('click touchstart', function(){
  $('.open').removeClass('open');
});

/*
  Be sure to include the elements here that you
  want to interact with, e.g: modal with a form,
  so as clicking inside it will not remove the open state.

  Sean Bullock
*/
$('.element1, .element2').on('click touchstart', function(e){
  e.stopPropagation();         
});