Javascript jQuery滑动切换未关闭Div

Javascript jQuery滑动切换未关闭Div,javascript,jquery,Javascript,Jquery,这段代码可以很好地打开div,但是当我再次单击按钮时,它不是关闭而是重新打开div。我怎样才能在第二次单击时关闭 $(文档).ready(函数(){ $('.showhide')。单击(函数(e){ $(此).nextAll('.dropdown:lt(1')).slideToggle(100); }); $(文档).mouseup(函数(e){ 变量容器=$(“.dropdown”); if(container.is(':visible')&&&!$(e.target).closest('.

这段代码可以很好地打开div,但是当我再次单击按钮时,它不是关闭而是重新打开div。我怎样才能在第二次单击时关闭

$(文档).ready(函数(){
$('.showhide')。单击(函数(e){
$(此).nextAll('.dropdown:lt(1')).slideToggle(100);
});
$(文档).mouseup(函数(e){
变量容器=$(“.dropdown”);
if(container.is(':visible')&&&!$(e.target).closest('.dropdown').length){
container.hide();
}
});
});


使用

$(this).nextAll('.dropdown:lt(1)').is(":visible"))
将单击事件附加到关闭div的窗口。将单击事件附加到停止传播到文档正文的按钮

$(文档).ready(函数(e){
$('.showhide')。单击(函数(e){
$(此).nextAll('.dropdown:lt(1')).slideToggle(100);
e、 停止传播();
});
$(窗口)。单击(函数(e){
变量容器=$(“.dropdown”);
if(container.is(':visible')&&&!$(e.target).closest('.dropdown').length){
container.hide();
}
});
});



meI将您的代码放在一个代码段中,使其看起来完全正常工作,这对我来说很好。您是否可以编辑您的问题,以包含有关具体问题的更多信息?您的代码片段工作正常。问题是什么?@Randomix为什么编写mouseup事件?@Randomix在外部单击时,您想关闭所有下拉列表还是只关闭第一个下拉列表?哇,工作非常好。非常感谢先生:)先生,我怎样才能防止它一次打开多个div?