Javascript 如何在进行选择之前保持导航栏切换打开

我在一个网站上有一个很长的下拉菜单，当它切换到手机时，我正在使用它。对于我的生活，我不能让这个下拉导航栏开关保持打开。它当前所做的是打开以显示所有选择，然后将其捕捉到仅显示一个可能的选择。这是一个可滚动的菜单，但我希望它保持打开状态，直到它被点击。。。。有人能看出我做错了什么吗

//jQuery在滚动时折叠导航栏
$（窗口）。滚动（函数（）{
如果（$（“.navbar”）.offset（）.top>50）{
$（“.navbar固定顶部”）.addClass（“顶部导航折叠”）；
}否则{
$（“.navbar固定顶部”）.removeClass（“顶部导航折叠”）；
}
});
//页面滚动功能的jQuery-需要jQuery插件
$（函数（）{
$（'a.page-scroll'）.bind（'click'，函数（事件）{
var$anchor=$（此）；
$（'html，body'）.stop（）.animate({
scrollTop:$（$anchor.attr（'href'））.offset（）.top
}，1500年，“easeInOutExpo”）；
event.preventDefault（）；
});
});
//仅当文档具有长滚动条时启用
//注意窗高+偏移
如果（（$（窗口）.height（）+100）<$（文档）.height（））{
$（“#顶部链接块”）。移除类（“隐藏”）。粘贴({
//在链接“幻灯片”进入视图之前向下滚动多远
偏移量：{
排名：100
}
});
}
//index.html上井触发器的淡入
var divs=$（'.well trigger'）；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）<480）{
divs.stop（真、真）、fadeIn（“慢”）；
}否则{
divs.stop（真，真）。淡出（“慢”）；
}
});
.navbar{
字体系列：“轨迹一”，草书；
填充：10px；
字号：18px；
-webkit过渡：背景。5s缓进缓出，填充。5s缓进缓出；
-moz过渡：背景。5s缓进缓出，填充。5s缓进缓出；
过渡：背景。5s缓进缓出，填充。5s缓进缓出；
}
.navbar品牌{
垫面：5px；
}
.导航栏切换{
利润率：10px0；
}
.导航条反转{
背景色：#000011；
}
.导航栏导航，
.navbar nav li，
.导航栏导航李a{
高度：80px；
线高：80px；
左侧填充：5px；
右侧填充：5px；
}
.导航栏导航李a{
填充顶部：0；
填充底部：0；
保证金：0px-5px 0px-5px；
}
@介质（最大宽度：767px）{
.navbar品牌{
填充：0px；
}
.navbar品牌img{
边缘顶部：5px；
左边距：5px；
边缘底部：5px；
}
.导航栏导航，
.navbar nav li，
.导航栏导航李a{
高度：50px；
线高：50px；
左侧填充：5px；
右侧填充：5px；
}
}

切换导航


















您已在@media查询中将高度设置为
50px
。将其更改为
自动
，一切正常


//jQuery在滚动时折叠导航栏
$（窗口）。滚动（函数（）{
如果（$（“.navbar”）.offset（）.top>50）{
$（“.navbar固定顶部”）.addClass（“顶部导航折叠”）；
}否则{
$（“.navbar固定顶部”）.removeClass（“顶部导航折叠”）；
}
});
//页面滚动功能的jQuery-需要jQuery插件
$（函数（）{
$（'a.page-scroll'）.bind（'click'，函数（事件）{
var$anchor=$（此）；
$（'html，body'）.stop（）.animate({
scrollTop:$（$anchor.attr（'href'））.offset（）.top
}，1500年，“easeInOutExpo”）；
event.preventDefault（）；
});
});
//仅当文档具有长滚动条时启用
//注意窗高+偏移
如果（（$（窗口）.height（）+100）<$（文档）.height（））{
$（“#顶部链接块”）。移除类（“隐藏”）。粘贴({
//在链接“幻灯片”进入视图之前向下滚动多远
偏移量：{
排名：100
}
});
}
//index.html上井触发器的淡入
var divs=$（'.well trigger'）；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）<480）{
divs.stop（真、真）、fadeIn（“慢”）；
}否则{
divs.stop（真，真）。淡出（“慢”）；
}
});
.navbar{
字体系列：“轨迹一”，草书；
填充：10px；
字号：18px；
-webkit过渡：背景。5s缓进缓出，填充。5s缓进缓出；
-moz过渡：背景。5s缓进缓出，填充。5s缓进缓出；
过渡：背景。5s缓进缓出，填充。5s缓进缓出；
}
.navbar品牌{
垫面：5px；
}
.导航栏切换{
利润率：10px0；
}
.导航条反转{
背景色：#000011；
}
.导航栏导航，
.navbar nav li，
.导航栏导航李a{
高度：80px；
线高：80px；
左侧填充：5px；
右侧填充：5px；
}
.导航栏导航李a{
填充顶部：0；
填充底部：0；
保证金：0px-5px 0px-5px；
}
@介质（最大宽度：767px）{
.navbar品牌{
填充：0px；
}
.navbar品牌img{
边缘顶部：5px；
左边距：5px；
边缘底部：5px；
}
.导航栏导航，
.navbar nav li，
.导航栏导航李a{
高度：自动；
线高：50px；
左侧填充：5px；
右侧填充：5px；
}
}

切换导航


















您已在@media查询中将高度设置为
50px
。将其更改为
自动
，一切正常


//jQuery在滚动时折叠导航栏
$（窗口）。滚动（功能）