Not done yet.

detectclickoutsideofelement.js

/**
 * detect a click outside of an element and trigger callbacks based on that click.
 * @param trigger
 * @param element
 * @param openCallback
 * @param closeCallback
 */
function DetectClickOutsideOfElement (trigger, element, openCallback, closeCallback) {
  var enabled = false;

  var clickedOutside = function (event) {
    if (typeof event !== 'undefined' && typeof event.target !== 'undefined' && $(event.target).closest(element).length === 1) {
      return false;
    }

    function done() {
      $('html').off('click', 'body', clickedOutside);
      enabled = false;
    }

    closeCallback(done);
  };

  $(trigger).on('click', function () {
    if (enabled) {
      clickedOutside();
    } else {
      function done() {
        $('html').on('click', 'body', clickedOutside);
        enabled = true;
      }
      openCallback(done);
    }
  });
}