Jquery 要在幻灯片上滑动，请单击幻灯片菜单外的任意位置

    <div class="navbar-header pull-right">
        <a id="nav-expander" class="nav-expander fixed">
            &nbsp;<i class="fa fa-bars fa-lg white"></i>
        </a>
    </div>

当用户在菜单区域外单击时，我希望滑入菜单。

    <div class="navbar-header pull-right">
        <a id="nav-expander" class="nav-expander fixed">
            &nbsp;<i class="fa fa-bars fa-lg white"></i>
        </a>
    </div>

$（“#导航扩展器”）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'body'）.toggleClass（'nav-expanded'）；
});
$（“#导航关闭”）。打开（'click'，函数（e）{
e、 预防默认值（）；
$（'body'）.removeClass（'nav-expanded'）；
});

a.nav-expander{
显示：块；
右边距：0；
位置：绝对位置；
右：0；
排名：0；
宽度：45px；
z指数：12；
过渡：右0.3秒缓进缓出0秒；
边缘顶部：380px；
宽度：0；
身高：0；
边框顶部：20px实心透明；
右边框：20px实心#0099d8；
边框底部：20px实心透明；
}
a、 导航扩展器：悬停{
光标：指针；
}
a、 导航扩展器。固定{
位置：固定；
}
.导航扩展器a.导航扩展器a.固定{
右：20em；
}
导航{
显示：块；
身高：100%；
溢出：自动；
位置：固定；
右：-20em；
顶部：0px；
宽度：20em；
z指数：2000；
过渡：右0.3秒缓进缓出0秒；
}
.nav扩展nav{
右：0；
}
body.nav-expanded{
左边距：0em；
过渡：右0.4s进退0；
}

当用户在菜单区域外单击时，我想滑入菜单

关闭

    <div class="navbar-header pull-right">
        <a id="nav-expander" class="nav-expander fixed">
            &nbsp;<i class="fa fa-bars fa-lg white"></i>
        </a>
    </div>

试试这个：

    <div class="navbar-header pull-right">
        <a id="nav-expander" class="nav-expander fixed">
            &nbsp;<i class="fa fa-bars fa-lg white"></i>
        </a>
    </div>

$('#mycres-graph-nav').on('click', function(e) {
    e.stopPropagation();
});
// to make sure the nav does not slide in if any child of its as been clicked
$('#mycres-graph-nav').on('click', '*', function(e) {
    e.stopPropagation();
});
$('#nav-expander').on('click', function (e) {
    e.preventDefault();
    e.stopPropagation();
    $('body').toggleClass('nav-expanded');
});
$('#nav-close').on('click', function (e) {
    e.preventDefault();
    e.stopPropagation();
    $('body').removeClass('nav-expanded');
});
$('html').on('click', function(e){
    $('body').removeClass('nav-expanded');
});

---

请添加一些HTML或创建一个提琴。这对我们会有很大帮助。@user3660764那么问题出在哪里？我的幻灯片菜单中有垂直的手风琴，但当单击手风琴菜单时，幻灯片菜单正在滑入。请参阅我的编辑。我将选择器更改为

#mycres图形导航，#mycres图形导航*

。它现在可以处理菜单本身的点击，也可以处理所有内容实际上，我使用事件委派来确保它始终有效

    <div class="navbar-header pull-right">
        <a id="nav-expander" class="nav-expander fixed">
            &nbsp;<i class="fa fa-bars fa-lg white"></i>
        </a>
    </div>