Toggle a popup menu and close it when clicking outside (example using Backbone)

toggle-popup.coffee

toggleUserMenu: (e) ->
  e.preventDefault() if e

  container = @$('.user')

  # remove body listener if present
  $('body').off 'click.menu'

  $('.menu', container).toggleClass('visible')
  container.toggleClass('open')

  if container.hasClass('open')
    # add listener to body to close menu if clicked outside it, but wait a moment or else it
    # will trigger immediately and hide the menu
    setTimeout ( =>
      $('body').on 'click.menu', (e) =>
        unless $(e.currentTarget).closest(container).length > 0
          @toggleUserMenu()
    ), 200