Jquery 如何一次只隐藏/显示一个子菜单?
我创建了一个Jquery 如何一次只隐藏/显示一个子菜单?,jquery,html,css,show-hide,Jquery,Html,Css,Show Hide,我创建了一个ul菜单,当我点击列表时,子菜单将显示/隐藏。我的问题是我有两个子菜单。当我点击其中一个子菜单时,另一个子菜单也会受到影响。如何仅隐藏/显示对应子菜单 $(文档).ready(函数(){ $(“.sub_菜单”)。单击(函数(){ $(“.sub”).toggle(); }); }); .sub{ 边际:0px; } .sub_菜单{ 保证金:自动; } 使用$(this)和find()类似: $(this).find(".s
ul
菜单,当我点击列表时,子菜单将显示/隐藏。我的问题是我有两个子菜单。当我点击其中一个子菜单时,另一个子菜单也会受到影响。如何仅隐藏/显示对应子菜单
$(文档).ready(函数(){
$(“.sub_菜单”)。单击(函数(){
$(“.sub”).toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
-
-
-
-
-
-
-
-
-
使用$(this)
和find()
类似:
$(this).find(".sub").toggle();
工作代码段:
$(文档).ready(函数(){
$(“.sub_菜单”)。单击(函数(){
$(this.find(“.sub”).toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
-
-
-
-
-
-
-
-
-
使用$(this)
和find()
类似:
$(this).find(".sub").toggle();
工作代码段:
$(文档).ready(函数(){
$(“.sub_菜单”)。单击(函数(){
$(this.find(“.sub”).toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
-
-
-
-
-
-
-
-
-
在jQuery选择器中设置参数
$(document).ready(function(){
$(".sub_menu").click(function(){
$(".sub", this).toggle();
// --------^------- here
});
});
$(文档).ready(函数(){
$(“.sub_菜单”)。单击(函数(){
$(“.sub”,this.toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
-
-
-
-
-
-
-
-
-
在jQuery选择器中设置参数
$(document).ready(function(){
$(".sub_menu").click(function(){
$(".sub", this).toggle();
// --------^------- here
});
});
$(文档).ready(函数(){
$(“.sub_菜单”)。单击(函数(){
$(“.sub”,this.toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
-
-
-
-
-
-
-
-
-
您需要使用此
,即当前元素上下文中的目标元素。我建议您将单击处理程序绑定到子菜单
直接子菜单
锚定
元素
$(文档).ready(函数(){
$(“.sub_menu>a”)。在('click',函数(e){
e、 预防默认值();
$(this).closest('.sub_菜单')。find(“.sub”).toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
您需要使用此
,即当前元素上下文中的目标元素。我建议您将单击处理程序绑定到子菜单
直接子菜单
锚定
元素
$(文档).ready(函数(){
$(“.sub_menu>a”)。在('click',函数(e){
e、 预防默认值();
$(this).closest('.sub_菜单')。find(“.sub”).toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
$(文档).ready(函数(){
$(“.sub_菜单”)。单击(函数(){
$(this.find(“.sub”).toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
$(文档).ready(函数(){
$(“.sub_菜单”)。单击(函数(){
$(this.find(“.sub”).toggle();
});
});代码>
.sub{
边际:0px;
}
.sub_菜单{
保证金:自动;
}
-
-
@lonut ya。。。我得到了it@JIBINBJ美好的很乐意帮忙。@lonut ya。。。我得到了it@JIBINBJ美好的很乐意帮忙。谢谢你的帮助contribution@Satpal:对不起,我把你的名字拼错了