CSS vs jQuery |是否有可能隱藏/顯示div內的div？

-2

單獨顯示class-A（位於頁面頂部），而隱藏所有其他（x，x，c）。
僅顯示所有其他（x，x，c）類別A。CSS vs jQuery |是否有可能隱藏/顯示div內的div？

這可能嗎？

<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>

會更好，如果該代碼僅與A類
（而不包括其他類（X，C））。因爲這些可能會動態改變。

我嘗試這樣做：http://jsfiddle.net/smilyface/qX546/

來源

2013-11-27 smilyface

請添加你的JavaScript/jQuery代碼。 –

使用$（「。classname」）。show（）和$（「。classname」）。hide（） – Triode

建議Downvoters評論downvoting的原因。 – SquareCat

可以使用，

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

Fiddle

來源

2013-11-27 12:16:02

這工作正常 – smilyface

@smilyface，你可以接受答案，如果它解決了你的問題。 –

完成:)謝謝。 – smilyface

您可以檢查這樣

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

}

可能這個幫助你

來源

2013-11-27 12:04:22 Ravi

$（「div：not（'。A'）」）是否影響A中的Y和Z？ – smilyface

我想是的。我只是給了你一個想法，你可以根據你的需要修改代碼:) – Ravi

Ravi，我試過了。它不符合我的需要。但thanx的div：不是代碼:) http://jsfiddle.net/smilyface/qX546/ – smilyface

你也可以做到這一點與切換，但首先你要隱藏頁面上的類負載：

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

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

jsfiddle

來源

2013-11-27 12:09:07 tilda

我會將三個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>

你可以在你的CSS定義設置.outer到display:none開始。

.outer { display: none; }

然後，您可以使用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>

jQuery的

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

來源

2013-11-27 12:11:10 SquareCat

這是絕對有可能的，

先給顯示：無;作爲類a的默認值，並且對於其他類沒有任何值，

並使用jquery切換兩者。

像

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

//in js 

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

來源

2013-11-27 12:12:13 harishkumar329

CSS vs jQuery |是否有可能隱藏/顯示div內的div？

回答

相關問題