javascript下拉菜单在单击时处于活动状态，在单击外部时不处于活动状态

正如标题所说，当我在按钮登录的下拉菜单外单击时，我的脚本不想工作

$（文档）.ready（函数（）{
$（“.openmenu”）。单击（函数（）{
var X=$（this.attr（'id'）；
如果（X==1）{
$（“.submenu”）.hide（）；
$（this.attr（'id'，'0'）；
}否则{
$（“.submenu”）.show（）；
$（this.attr（'id'，'1'）；
}
});
$（“.submenu”）.mouseup（函数（）{
返回错误
});
$（“.openmenu”）.mouseup（函数（）{
返回错误
});
$（文档）.mouseup（函数（）{
$（“.submenu”）.hide（）；
$（“.openmenu”）.attr（'id'，''）；
});
});
$（文档）.ready（函数（）{
myInit（）
})
$（文档）.ready（函数（）{
myInit（）
})
函数myInit（）{
$（'.openmenu'）。单击（函数（）{
$（'.openmenu'）.removeClass（'active'））
$（this.addClass（'active'））
})
}

/*重置CSS*/
html，
身体，
分区，
跨度
小程序，
对象
iframe，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
之前，
A.
缩写，
缩略语
地址:，
大的
引用，
代码，
德尔，
dfn，
相对长度单位，
img，
ins，
kbd，
Q
s
桑普，
小的
罢工
坚强的
附属的，
啜饮，
tt，
var，
B
U
我
居中
dl，
dt，
dd，
ol,，
ul，
锂，
字段集，
形式，
标签，
传奇
桌子
说明文字
t身体，
特富特，
thead，
tr，
th，
运输署，
文章
在一边
帆布，
细节，
嵌入
图形
figcaption，
页脚，
标题，
hgroup，
菜单，
导航，
产出，
红宝石，
第节，
总结，
时间
做记号
音频
录像带{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
/*旧浏览器的HTML5显示角色重置*/
文章
在一边
细节，
figcaption，
图形
页脚，
标题，
hgroup，
菜单，
导航，
部分{
显示：块；
}
ol,，
保险商实验室{
列表样式：无；
}
块引用，
q{
报价：无；
}
blockquote：之前，
blockquote：之后，
问:以前,，
问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
/*身体*/
身体{
字体系列：“Myraid Pro”，Arial；
溢出y：滚动；
溢出x：隐藏；
颜色：#333；
字体大小：14px；
}
.清楚{
明确：两者皆有；
}
/*漂浮*/
.左{
浮动：左；
}
.对{
浮动：对；
}
#顶杆{
背景#619B27；
}
#内顶杆{
保证金：自动；
宽度：500px；
字体大小：14px；
}
#顶杆{
背景#619B27；
}
#内顶杆{
保证金：自动；
宽度：300px；
字体大小：14px；
位置：相对位置；
}
#顶杠李{
显示：内联块；
左边距：10px；
}
#顶栏a{
显示：块；
填充：10px；
颜色：#FFF；
文字装饰：无；
大纲：0；
}
#顶栏a：悬停{
背景：4d7c1f；
}
.主动{
背景：#CC0；
}
.子菜单{
背景：#CC0；
位置：绝对位置；
右：0；
宽度：200px；
高度：250px；
}

试验

您的

鼠标点击事件只需添加：

.removeClass("active");

到

像这样：

$(document).mouseup(function(){
   $(".submenu").hide();
   $(".openmenu").attr('id', '').removeClass("active"); <-----
});

$（文档）.mouseup（函数（）{
$（“.submenu”）.hide（）；
$（“.openmens”）.attr（'id'，''）.removeClass（'active”）；@JohnSmith不客气。也祝你新年快乐！
$(document).mouseup(function(){
   $(".submenu").hide();
   $(".openmenu").attr('id', '').removeClass("active"); <-----
});