jQuery菜单-单击打开但关闭其他菜单

首先，我道歉，网上有很多例子，我都试过了，但是我运气不好

我有以下jQuery代码与此HTML一起使用：

$（文档）.ready（函数（）{
$（“.has sub”）。单击（函数（）{
$（this.find（“.hover”）.slideToggle（400）；
});
});



























向上滑动所有
。悬停不在单击的
中的
。有子
：

$('.has-sub').click(function () {
  $('.has-sub').not(this).find('.hover').slideUp();  //add this line
  $(this).find('.hover').slideToggle(400);
});


$（文档）.ready（函数（）{
$（'.has sub'）。单击（函数（）{
$（'.has-sub'）.not（this.find（'.hover'）.slideUp（）；
$（this.find（'.hover'）.slideToggle（400）；
});
});
.has sub.hover{
显示：无；
}



























向上滑动所有
。悬停不在单击的
中的
。有子
：

$('.has-sub').click(function () {
  $('.has-sub').not(this).find('.hover').slideUp();  //add this line
  $(this).find('.hover').slideToggle(400);
});


$（文档）.ready（函数（）{
$（'.has sub'）。单击（函数（）{
$（'.has-sub'）.not（this.find（'.hover'）.slideUp（）；
$（this.find（'.hover'）.slideToggle（400）；
});
});
.has sub.hover{
显示：无；
}



























向上滑动所有
。悬停不在单击的
中的
。有子
：

$('.has-sub').click(function () {
  $('.has-sub').not(this).find('.hover').slideUp();  //add this line
  $(this).find('.hover').slideToggle(400);
});


$（文档）.ready（函数（）{
$（'.has sub'）。单击（函数（）{
$（'.has-sub'）.not（this.find（'.hover'）.slideUp（）；
$（this.find（'.hover'）.slideToggle（400）；
});
});
.has sub.hover{
显示：无；
}



























向上滑动所有
。悬停不在单击的
中的
。有子
：

$('.has-sub').click(function () {
  $('.has-sub').not(this).find('.hover').slideUp();  //add this line
  $(this).find('.hover').slideToggle(400);
});


$（文档）.ready（函数（）{
$（'.has sub'）。单击（函数（）{
$（'.has-sub'）.not（this.find（'.hover'）.slideUp（）；
$（this.find（'.hover'）.slideToggle（400）；
});
});
.has sub.hover{
显示：无；
}



























试试这个。如果ul是打开的，它只会关闭它。但如果ul关闭，它将隐藏所有打开的uls，然后打开它

$(function(){
    $(".has-sub").click(function () {
        var ul = $(this).find(".hover");
        if(ul.is(":visible"){
            ul.slideUp(400);
        }else{
            $(".has-sub .hover").slideUp(400);
            ul.slideDown(400);
        }
    });
});

试试这个。如果ul是打开的，它只会关闭它。但如果ul关闭，它将隐藏所有打开的uls，然后打开它

$(function(){
    $(".has-sub").click(function () {
        var ul = $(this).find(".hover");
        if(ul.is(":visible"){
            ul.slideUp(400);
        }else{
            $(".has-sub .hover").slideUp(400);
            ul.slideDown(400);
        }
    });
});

试试这个。如果ul是打开的，它只会关闭它。但如果ul关闭，它将隐藏所有打开的uls，然后打开它

$(function(){
    $(".has-sub").click(function () {
        var ul = $(this).find(".hover");
        if(ul.is(":visible"){
            ul.slideUp(400);
        }else{
            $(".has-sub .hover").slideUp(400);
            ul.slideDown(400);
        }
    });
});

试试这个。如果ul是打开的，它只会关闭它。但如果ul关闭，它将隐藏所有打开的uls，然后打开它

$(function(){
    $(".has-sub").click(function () {
        var ul = $(this).find(".hover");
        if(ul.is(":visible"){
            ul.slideUp(400);
        }else{
            $(".has-sub .hover").slideUp(400);
            ul.slideDown(400);
        }
    });
});

试试这个：


$（文档）.ready（函数（）{
$（“.has sub”）。单击（函数（）{
$（this.find（“.hover”）.slideToggle（400）；
$（this.parent（）.children（“.has sub”）.not（this.find（“.hover”）.slideUp（400）；
});
});



























试试这个：


$（文档）.ready（函数（）{
$（“.has sub”）。单击（函数（）{
$（this.find（“.hover”）.slideToggle（400）；
$（this.parent（）.children（“.has sub”）.not（this.find（“.hover”）.slideUp（400）；
});
});



























试试这个：


$（文档）.ready（函数（）{
$（“.has sub”）。单击（函数（）{
$（this.find（“.hover”）.slideToggle（400）；
$（this.parent（）.children（“.has sub”）.not（this.find（“.hover”）.slideUp（400）；
});
});