2011-10-29 96 views
0

我有一个div内一个div内一个div:选择一个div

<div id="big"> 
<div id="small"></div> 
</div> 

他们有display: none;

一个按钮调用的div内使用jQuery:

$("#button").click(function() { 

    $("#small").fadeIn("normal"); 

}); 

为什么不要没有用?我不明白?

我也试着这么多的事情:

$("#big #small").show(); 
$("#big > #small").show(); 
$("#big").children().show(); 
+1

如果#big为显示:没有,那么内部的div将保持隐藏。 – thinkdevcode

回答

3

你使用了正确的选择在您的按钮代码即

$("#button").click(function() { 

    $("#small").fadeIn("normal"); 

}); 

这里的关键是,当你说:

他们有display: none;

如果您使内部div可见,那不会影响外部div。

您将需要也作出这样的外层div可见:

$("#button").click(function() { 

    $("#big").toggle(); 
    $("#small").fadeIn("normal"); 

}); 
+0

我想我没有解释我在找什么。我想以一种独立的方式来控制div div和de div big,即使在这种情况下,一个在另一个里面。比如让div小淡入和div大淡出。我认为你的回答并不能解决这个问题,它只是让你大大减弱(同时小幅淡入) – Nrc

+0

如果我理解正确,你不能那样做。当外部div淡出时,不能让内部div淡入。如果你想独立显示/隐藏它们,你不能把它放在另一个里面。 –