通过单击其他任何位置来关闭切换框?

用户名

我有一个简单的打开关闭切换框,在这里摆弄着,想知道是否可以通过单击站点上的其他任何地方(以及它的当前按钮)(不一定是另一个链接)空白,等等来关闭它。

$(document).ready(function() {
       $('a.show_hide').click(function() {
           $('.hidden-menu').toggle();
           $(this).toggleClass('close');
       });
   }); 
阿敏·贾法里(Amin Jafari)

这就是您需要的: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');
        }
    });
}); 

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

切换/文档/单击并关闭其他?

单击其他任何位置时,关闭搜索框

如果单击页面上的任何其他位置,汉堡菜单列表切换消失

切换多个div,并在单击div之外的任何位置时也关闭

通过切换其他选择标签来隐藏和显示选择标签

通过单击切换开关外部关闭导航

通过单击标签来切换HTML单选按钮

如何通过单击来切换 div 属性?

如何停止通过单击来禁用切换按钮

切换其他元素重复单击

如何通过单击页面上任意位置(其他)来关闭Twitter Bootstrap弹出窗口?

通过单击任何屏幕位置来关闭菜单

在esc键上关闭iframe或单击其他任何位置

通过单击主体上的任意位置来取消选中复选框,并通过单击其标签来对其进行切换

单击任意位置关闭切换菜单,并且在单击后不切换所有子菜单?

除切换内容外,关闭页面上任何位置的切换div

单击按钮切换div位置

HTML按钮,单击按钮时进行切换,并切换所有其他按钮(折叠信息)

如何使用两个<a>来在单击和关闭之间切换<a>

javascript其他切换

切换其他组件的状态

切换与其他

如何单击文本框(或标签)来切换复选框

我们如何通过外部单击关闭切换菜单

如何通过右键单击Unity C#来切换显示/不显示

通过单击复选框来切换 div (Vue.js)

通过单击多个元素之一来切换它们的状态

如果用户切换一个 div,则其他切换的 div 应自动关闭

使用Ifse其他语句来切换内容视图时发生错误