jquery - jQueryは非表示の子divを表示しません

Question

この単純なフィドルを見てみましょう：

JFiddle

 <div id="a" style="display: none;">1
 <div style="display: none;">2
  <div style="display: none;">3
   <div style="display: none;">4</div>
  </div>
 </div>
</div>
$(document).ready(function()
              {
$('#a').show('fast');
              });

1 2 3 4をすべて表示したいのですが、代わりに1のみを表示します。ネストされたすべてのアイテムを表示するようにjQueryに指示するにはどうすればよいですか？

Answer 1

親だけでなく、すべての要素を選択する必要があります...

$('#a, #a div').show('fast');

Answer 2

試す：

$(document).ready(function()
{
$('#a, #a div').show('fast');
});

Answer 3

display: none;4つすべてを表示するには、ネストされたdivsから削除するだけです

<div id="a" style="display: none;">1
 <div>2
  <div>3
   <div>4</div>
  </div>
 </div>
</div>
$(document).ready(function()
              {
$('#a').show('fast');
              });