I found a variant of [Grsmto's solution][1] and [Dennis' solution][2] fixed my issue.

    $(".MainNavContainer").click(function (event) {
        //event.preventDefault();  // Might cause problems depending on implementation
        event.stopPropagation();
        
        $(document).one('click', function (e) {
            if(!$(e.target).is('.MainNavContainer')) {
                // code to hide menus
            }
        });
    });


  [1]: http://stackoverflow.com/a/15576211/2615152
  [2]: http://stackoverflow.com/a/1089622/2615152