Comment identifier lorsqu'un clic est effectué à l'extérieur de la fenêtre pop-up?

J'ai une fenêtre pop-up qui disparaît en un clic à l'intérieur, mais mon but est de faire disparaître un clic à l'extérieur.

Au moment de la popup fonctionne très bien mais il disparaît à chaque fois que je clique sur l'intérieur de la fenêtre. Quand je clique en dehors de la fenêtre, il reste. Comment puis-je faire fonctionner le oppersite chemin?

Code:

function deselect(e) {
  $('.pop').slideFadeToggle(function() {
    e.removeClass('selected');
  });    
}

$(function() {
  $('.invite_room_btn').on('click', function() {
    if($(this).hasClass('selected')) {
      deselect($(this));               
    } else {
      $(this).addClass('selected');
      $('.pop').slideFadeToggle();
    }
    return false;
  });

  $('.close').on('click', function() {
    deselect($('.invite_room_btn'));
    return false;
  });
});

$.fn.slideFadeToggle = function(easing, callback) {
  return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
};

Et HTML est:

<span class="invite_room_btn">
            <div class="messagepop pop">
            </div>
</span>

Merci!

OriginalL'auteur Mathias Spurr | 2015-02-17