Javascript 单击关闭/隐藏子菜单

Javascript 单击关闭/隐藏子菜单,javascript,popupmenu,Javascript,Popupmenu,我一直在试验一个特定的网站,一切看起来正是我想要的。我有一个下拉菜单,上面有选择。然后,我有一个子菜单,点击打开。我需要在下拉菜单的顶部有一个子菜单。然后,我需要在单击“返回菜单”链接的位置关闭子菜单,但保持下拉菜单打开 我已经到了一个地步,“返回菜单”链接不会关闭整个下拉列表,但它只是不做任何事情。以前,每次我点击它时,它都会关闭整个下拉列表 另一个问题是,当我单击子菜单中的其他链接时,关闭下拉菜单可以正常工作,但当单击下拉按钮时,它不会刷新并继续显示子菜单 我不确定这是否可以做到,而且我对J

我一直在试验一个特定的网站,一切看起来正是我想要的。我有一个下拉菜单,上面有选择。然后,我有一个子菜单,点击打开。我需要在下拉菜单的顶部有一个子菜单。然后,我需要在单击“返回菜单”链接的位置关闭子菜单,但保持下拉菜单打开

我已经到了一个地步,“返回菜单”链接不会关闭整个下拉列表,但它只是不做任何事情。以前,每次我点击它时,它都会关闭整个下拉列表

另一个问题是,当我单击子菜单中的其他链接时,关闭下拉菜单可以正常工作,但当单击下拉按钮时,它不会刷新并继续显示子菜单

我不确定这是否可以做到,而且我对JS还相当陌生,我经常使用JS设置。当前的JS可能不正确,所以请忽略这一点,或者如果我必须对其进行一些调整的话。我制作了一把小提琴来向你展示我的意思,如果做不到,我感谢你花时间和精力来帮助我

这是我的密码

HTML
window.onload=function(){
//下拉启动
$(文档).ready(函数(){
$('.下拉菜单a.下拉列表')。打开(“单击”,函数(e){
$(this.parent().parent().find('.dropdownlist').show();
$(this.next('li').toggle();
e、 停止传播();
});
});
//下拉端
}
/*车身启动*/
身体{
背景色:#b3d1ff;
背景重复:无重复;
背景附件:固定;
背景尺寸:封面;
}
/*体端*/
/* ============================================================================ */
/*导航栏启动*/
.导航文本{
颜色:#000!重要;
字体大小:14px;
边缘底部:5px;
}
navbar先生{
背景:rgba(153,153,153,0.5);
位置:固定;
高度:45px;
底部:0;
左:0;
宽度:100%!重要;
}
.navbar。右文本{
浮动:对;
保证金:0;
右边距:10px;
}
/*导航杆端*/
/* ============================================================================ */
按钮:焦点{
大纲:无!重要;
}
.按钮{
背景:透明!重要;
背景色:透明!重要;
边界:无;
}
.辍学{
左:0!重要;
}
.下拉菜单.列-2{
最小宽度:600px;
}
.下拉菜单.列-3{
最小宽度:600px;
}
.下拉菜单LIA{
填充:5px15px;
字体大小:300;
}
.3-column-drop{
列表样式:无!重要;
}
.3-column-drop li a{
显示:内联块;
明确:两者皆有;
线高:1.428571429;
颜色:#333;
空白:正常;
}
保险商实验室{
列表样式类型:无;
}
/*下降侧起动*/
.dropside子菜单{
位置:相对位置;
}
.dropside子菜单.下拉菜单{
宽度:740px!重要;
高度:340px!重要;
排名:0;
左:-548px!重要;
背景色:#d9d9d9;
}
/*下降端*/
/*下拉端*/

/*升降起动*/
.下拉菜单{
宽度:740px!重要;
高度:350px!重要;
保证金底部:7px!重要;
左边距:1px!重要;
背景色:#d9d9d9;
}
  • 第一节
  • 第2节

欢迎来到stackoverflow@Denlyn

我对您的代码添加了一些最小的更改。我认为应该有效

window.onload=function(){
//下拉启动
$(文档).ready(函数(){
$('.下拉菜单a.下拉列表')。打开(“单击”,函数(e){
$(this.parent().parent().find('.dropdownlist').show();
$(this.next('li').toggle();
e、 停止传播();
});
$('.return link')。在('click',function()上{
$('.submmenu').hide();
});
$('转到子菜单')。在('单击',函数()上){
$('.submmenu').show();
});
});
//下拉端
}
/*车身启动*/
身体{
背景色:#b3d1ff;
背景重复:无重复;
背景附件:固定;
背景尺寸:封面;
}
/*体端*/
/* ============================================================================ */
/*导航栏启动*/
.导航文本{
颜色:#000!重要;
字体大小:14px;
边缘底部:5px;
}
navbar先生{
背景:rgba(153,153,153,0.5);
位置:固定;
高度:45px;
底部:0;
左:0;
宽度:100%!重要;
}
.navbar。右文本{
浮动:对;
保证金:0;
右边距:10px;
}
/*导航杆端*/
/* =============================================