在div中选择一个div

Question

我在div中有一个div：

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

他们有display: none;

一个按钮用jQuery调用div：

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

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

});

为什么它不起作用？我不明白？

我也尝试了很多东西：

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

Answer 1

您在按钮代码中使用了正确的选择器，例如

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

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

});

这里的关键是你说：

  

他们有display: none;

如果使内部div可见，则不会影响外部div。

您还需要像这样显示外部div：

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

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

});