我有一些 HTML 菜单，当用户点击这些菜单的顶部时，这些菜单会完全显示出来。当用户点击菜单区域之外的区域时，我想隐藏这些元素。就像这样...

我有一些 HTML 菜单，当用户点击这些菜单的顶部时，这些菜单会完全显示出来。当用户点击菜单区域之外的区域时，我想隐藏这些元素。

使用 jQuery 可以实现这样的效果吗？

$("#menuscontainer").clickOutsideThisElement(function() {
    // Hide the menus
});