У меня есть всплывающее окно, которое исчезает при щелчке внутри, но моя цель - заставить его исчезнуть при щелчке снаружи.

В данный момент всплывающее окно работает нормально, но оно исчезает всякий раз, когда я нажимаю внутри окна. Когда я нажимаю за окном, оно остается. Как мне заставить это работать противоположным образом?

Код как:

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);
};

И HTML это:

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

Спасибо!