Javascript 使用jQuery隐藏其他div时显示一些div

当类别处于活动状态时，我希望隐藏

.closer或show

div。如果未选择任何类别，则应显示

.closer或show

div

我用

$（“.closeorshow”）.hide（）

和

.show（）

进行了一些测试，但我是一个jQuery初学者，无法理解它。问题似乎是每当我取消选择任何类别时，

.closer或show

div就会重新出现，而不是在没有选择任何类别时

这是一个例子

HTML:

---

基本思想是检查类

.active

是否存在。这是通过调用

$（“.active”）

来完成的，它将生成一个数组，这意味着它可以访问

.length

方法。如果数组的

长度

大于0，则不希望显示

.closeorshow

，因此调用

$（“.closeorshow”）.hide（）

。否则，您确实希望显示它，因此请调用

$（“#.closeorshow”）.show（）

如果一切都不顺利，告诉我

我只更改了你的JavaScript：

$(document).ready(function () {
    $('.types li').on("click", function () {
        $(this).toggleClass("active item");
        $('#' + $(this).attr("data-target")).toggle();

        if ($(".active").length === 0)
            $(".closeorshow").show();
        else
            $(".closeorshow").hide();

    });
});

---

以下是最初制作的演示相同概念的示例。只作为参考，因为它比您的问题更简单，但是它演示了如何解决问题。

好吧，老实说，我不太了解这一点。。正如我提到的，我对jQuery完全是新手，这对我来说就像是“什么？！”（谢谢你的帮助！@Nonez我会用你的小提琴来做的。等等。@Nonez我修改了你的答案并相应地编辑了我的答案。谢谢你花时间帮助我，我很感激！谢谢你！

$(document).ready( function() {
    $('.types li').click( function(t) {
        $('.closeorshow').hide();
        if ($(this).hasClass('active')) {
        $(this).removeClass('active');$(this).addClass('item');
        $('.closeorshow').show();
    } else {
        $(this).addClass('active');$(this).removeClass('item');
    }
        $('#'+$(this).attr('data-target')).toggle();
    });
});

$(document).ready(function () {
    $('.types li').on("click", function () {
        $(this).toggleClass("active item");
        $('#' + $(this).attr("data-target")).toggle();

        if ($(".active").length === 0)
            $(".closeorshow").show();
        else
            $(".closeorshow").hide();

    });
});