无法在Jquery中执行show()方法

Ale*_*nov 0 html javascript jquery

我有类似的东西:

<div id="id1">
    //some code 1

    <div id = "id2">
    //some code 2

    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

现在,我使用命令隐藏所有块:

$("#id1").hide();
Run Code Online (Sandbox Code Playgroud)

但是,当我试图用命令显示内部块时:

$("#id2").show();    
Run Code Online (Sandbox Code Playgroud)

但这不起作用!

我该怎么做才能解决这个问题?

Eng*_*eer 9

当父元素被隐藏,所有的孩子都隐藏了.

如果你只想显示带有id2'id 的元素,你可以这样做:

$('#id1').children(':not(#id2)').hide();  //Hiding all children except '#id2'  
$('#id1').show();
Run Code Online (Sandbox Code Playgroud)