jquery - 通过单击其他任何地方关闭切换框？

Question

我有一个简单的打开关闭切换框，fiddle here并想知道是否可以通过单击网站上的其他任何位置(及其当前按钮)(不一定是另一个链接)空白、任何地方等来关闭它。

$(document).ready(function() {
       $('a.show_hide').click(function() {
           $('.hidden-menu').toggle();
           $(this).toggleClass('close');
       });
   }); 

Answer 1

这就是您所需要的:http://jsfiddle.net/5jzUD/9/

$(document).ready(function() {

    $(document).on('click',function(clickPosition){
        if (!$('.hidden-menu, a.show_hide').is(clickPosition.target)    && $('.hidden-menu').has(clickPosition.target).length === 0){
            $('.hidden-menu').hide();
           $('a.show_hide').addClass('close');
            }
        else{
            if($('a.show_hide').is(clickPosition.target) && $('.hidden-menu').css('display')!='none'){
                $('.hidden-menu').hide();
               $('a.show_hide').addClass('close');
                return;
            }
            $('.hidden-menu').show();
           $('a.show_hide').removeClass('close');
        }
    });
});