Javascript CSS vs jQuery |是否可以在div中隐藏/显示div？

单独显示类别A（在页面顶部），而隐藏所有其他类别（x、x、c）。
单独隐藏class-A，同时显示所有其他（x、x、c）

这可能吗

<div class="x">
    <div class="y">
        <div class="z"></div>
    </div>
</div>
<div class="A">
    <div class="y">
        <div class="z"></div>
    </div>
</div>
<div class="x">
    <div class="w">
        <div class="q"></div>
    </div>
</div>
<div class="C">
    <div class="p">
        <div class="s"></div>
    </div>
</div>

如果代码仅与class-A一起使用会更好
（不包括其他类别（x，c））。因为它们可能会动态变化。

---

我试过这个：

你可以这样检查

if($('.A').is(":visible")){
  $('.A').hide();
  $("div:not('.A')").show();
}else if($("div:not('.A')").is(':visible')){

}

---

这可能会对您有所帮助

您也可以使用toggle进行切换，但首先您必须在页面加载时隐藏一个类：

$('.A').hide();

$('#button').click(function(){
    $('.A').toggle();
    $('.x').toggle();
    $('.C').toggle();
});

---

我会将三个DIV（a、x、c）包装在一个外部DIV中

<div class="x">
</div>
<div class="outer">
    <div class="A">
    </div>
    <div class="x">
    </div>
    <div class="C">
    </div>
</div>

然后可以使用jQuery调用

$（'.x'）.toggle（）

和

$（'.outer'）.toggle（）

更简单的方法是在div中添加一个类名，并在该类上调用

toggle（）

<div class="x toggleMe">
</div>
<div class="toggleMe" style="display:none;">
    <div class="A">
    </div>
    <div class="x">
    </div>
    <div class="C">
    </div>
</div>

---

这是绝对可能的,

首先显示：无；作为类a的默认值，其他类没有任何值

并使用jquery切换两者

像

你可以用

var a=$("div.A");
var others=$("div").not(".A,.A div");
a.toggle();
others.toggle();

---

请添加您的javascript/jquery代码。请使用$（“.classname”）.show（）和$（“.classname”）.hide（）向下投票人建议对向下投票的原因进行评论。$（“div:not（'.A'））会影响A中的Y和Z吗？我认为是的。我刚刚给了你一个想法，你可以根据需要修改代码：）拉维，我试过了。这不符合我的需要。但是对于div:not code:）@smilyface，如果它解决了您的问题，您可以接受答案。

$('.toggleMe').toggle();

//in css
.A {
   display: none;
 }

//in js

$('.A').toggle();
$('.X,.C').toggle();

var a=$("div.A");
var others=$("div").not(".A,.A div");
a.toggle();
others.toggle();