围绕一个隐藏的div包围div

Question

我有一个父div“d1”，它包含一个子div“d2”。每次点击某个特定按钮时，d2的可见性都会发生变化。我需要的是在d2隐藏时将d1包裹在其他内容中，并在d2可见时展开。 它是这样的：

<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> 

我想知道如果这样的事通过HTML和CSS则无需使用像引导的事。 谢谢。

Answer 1

使用display:none和display: block，而不是使用visibility: hidden和visibility: visible

为display:none会完全隐藏元素及其空间。