Javascript 隐藏带有slideUp Jquery问题的选项卡

我有一个“a”标记，所以当我点击它时，它会显示其他html内容（列表）。JS代码对于其他选项卡是通用的。。。 我需要的是，当我再次按下（链接）“标题”时，列表被隐藏。 我该怎么办

我已经做到了

JS

---

您所要做的就是使用jQuery切换类。这是小提琴：。只需检查div是否有一个active类

$(".nav_tab>ul>li>h3").click(function (event) {
    $(".nav_tab>ul>li>a").parent().removeClass("activo");
    var o = $(this).parent().find("a");
    o.parent().toggleClass("activo");

    var capa = o.prop('href').split('#');

    if(!$("#" + capa[1]).hasClass('active')){
      $("#" + capa[1]).slideDown(); 
      $("#" + capa[1]).toggleClass('active'); 
    }else{
      $("#" + capa[1]).slideUp();   
      $("#" + capa[1]).toggleClass('active'); 
    }
    event.preventDefault();
});

因为我们调用的是同一个jQuery选择器。我们可以把这些方法连在一起

$(".nav_tab>ul>li>h3").click(function (event) {
    $(".nav_tab>ul>li>a").parent().removeClass("activo");
    var o = $(this).parent().find("a");
    o.parent().toggleClass("activo");

    var capa = o.prop('href').split('#');

    if(!$("#" + capa[1]).hasClass('active')){
      $("#" + capa[1]).slideDown().toggleClass('active');
    }else{
      $("#" + capa[1]).slideUp().toggleClass('active');
    }

    event.preventDefault();
});

---

这是一个非常好的解决方案，但我的js代码适用于所有“子菜单”。我想让它成为所有其他html列表的通用形式，这正是我所需要的。它还有一个细节。。。它与其他子菜单（列表）连接。。。我看看我能做什么。谢谢你的支持！如果代码对您有效，请接受答案以帮助其他有相同问题的人@维普洛尼斯@vyplow。很高兴我能帮忙。

$(".nav_tab>ul>li>h3").click(function (event) {
    $(".nav_tab>ul>li>a").parent().removeClass("activo");
    var o = $(this).parent().find("a");
    o.parent().toggleClass("activo");

    var capa = o.prop('href').split('#');

    if(!$("#" + capa[1]).hasClass('active')){
      $("#" + capa[1]).slideDown().toggleClass('active');
    }else{
      $("#" + capa[1]).slideUp().toggleClass('active');
    }

    event.preventDefault();
});