单击后如何隐藏子菜单
how to hide submenu after click
我正在为手机网站创建一个下拉菜单
http://gthost.dyndns.org/kudu/en/当我点击我的帐户并点击我们是谁时,子菜单仍然显示,,
我想在点击链接后隐藏它。
这是JavaScript代码
var $j = jQuery.noConflict();
$j(document).ready(function () {
$j(".account").click(function () {
var X = $j(this).attr('id');
if (X == 1) {
$j(".submenu").hide();
$j(this).attr('id', '0');
} else {
$j(".submenu").show();
$j(this).attr('id', '1');
}
});
//Mouseup textarea false
$j(".submenu").mouseup(function () {
return false
});
$j(".account").mouseup(function () {
return false
});
//Textarea without editing.
$j(document).mouseup(function () {
$j(".submenu").hide();
$j(".account").attr('id', '');
});
});
我会尝试使用:
$('.submenu').css({display:"none"});
代替。hide();
这里有两件事让我觉得奇怪。
- 为什么你的ID是整数-有效的名字以
[a-z_]
等开头 - 为什么要更改ID?ID是唯一的标识符,应该和元素一样持久。如果您希望在元素本身中存储有关元素状态的信息,那么可以查看数据属性。
没有看到你的HTML结构,每个人都会猜测,而不是你试图做的任何ID看起来你可以逻辑上使用jQuery.toggle
:
$j(".account").click(function(){
$j(".submenu").toggle();
});
相关文章:
- 向下滚动时隐藏菜单,向上滚动时显示,适用于Chrome,不适用于Safari(手机)
- 如何使用jQuery显示/隐藏菜单
- 如何在IE中隐藏菜单栏,工具栏
- 使用 Javascript 单击 ESC 时隐藏菜单
- 使用 jQuery 显示和隐藏菜单
- 使用 jQuery 显示/隐藏菜单
- 在鼠标悬停时显示/隐藏菜单
- 移动隐藏菜单适用于jsfiddle,但不适用于在线.任何解决方案都会有所帮助
- 如何隐藏菜单?(不是“切换”)
- 基于滚动的Jquery显示/隐藏菜单
- 如何在单击项目时隐藏菜单,或在有人单击离开时隐藏菜单
- 根据用户登录隐藏菜单,在角度JS中注销
- 在页面加载时隐藏菜单,需要在单击超链接时填充
- 使用 jQuery 隐藏菜单
- 如何使用隐藏菜单项直到单击的 javascript 显示第一个菜单项内容
- 切换隐藏菜单按钮的显示/隐藏(响应式)
- 如果未在查询中单击元素,则隐藏菜单
- 隐藏菜单元素不起作用
- 使用 jquery 隐藏菜单在 IE 中不起作用
- Javascript在滚动时显示/隐藏菜单