Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何一次只隐藏/显示一个子菜单?_Jquery_Html_Css_Show Hide - Fatal编程技术网

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:对不起,我把你的名字拼错了