围绕一个隐藏的div包裹div

Question

我有一个父div＆＃34; d1＆＃34;它包含一个子div＆＃34; d2＆＃34;。每次点击特定按钮时，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实现这样的事情而不使用像Bootstrap这样的东西。 谢谢。

Answer 1

使用display:none和display: block代替visibility: hidden和visibility: visible

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