相关疑难解决方法(0)

我有一些HTML菜单,当用户点击这些菜单的头部时,我会完全显示.当用户点击菜单区域外时,我想隐藏这些元素.

jQuery可以这样吗？

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

点击图标后会出现一个菜单.目前我可以点击"关闭"图标关闭它,但我希望能够通过点击菜单外的任何地方关闭它,当菜单可见时.

这是一个jsFiddle:http://jsfiddle.net/budapesti/3v5ym2bp/3/

例如,以下不起作用:

$(document).click(function() { 
        if($('.menu').is(":visible")) {
            $('.menu').hide()
        }      
});

我发现了类似的问题,例如jQuery:在元素的其他任何地方点击隐藏元素,如何检测元素外的点击？,但无法让解决方案为我工作.

编辑:我想知道是否(":可见")与jQuery"animate"一起使用？