divを隠しdivの周りに囲みます

Question

私は親div "d1"を持ち、子div "d2"を含んでいます。特定のボタンがクリックされるたびにd2の表示が変更されます。私が必要とするのは、d2が隠されているときにd1を他の内容に囲み、d2が見えるときに展開することです。 そのこのような何か：私はこのようなものは、ブートストラップのようなものを使用せずにHTMLやCSSを通して可能であるかどうかを知りたかった

<div id="d1"> 
    <p>Content which is visible all the time</p> 
    <button onclick="changed2()">Alter d2 visibility</button> 
    <div id="d2" style="visibility:hidden;"> 
    </div> 
</div> 

。 ありがとうございます。

Answer 1

使用display:noneとdisplay: blockの代わりdisplay:noneとしてvisibility: hiddenとvisibility: visible

を使用して、完全に要素とそのスペースを非表示になります。