我试图制作一个容器，可以容纳一些文本和图像，并以一定的大小开始，比如48px。单击后，我希望容器增长以适应内容，并在第二次单击时重新收缩到48px。主要问题是我不想为完整大小的容器设置高度，我希望容器自动调整大小以适应内容。

我已经想出了如何让博客以全尺寸开始、缩小和重新生长，但我想不出一种方法来让它以小尺寸开始、增长和再次缩小。

const hoistingId = document.getElementById('hoisting')

function enlargeBlogItem() {
    if(hoistingId.style.height===''){
        hoistingId.style.height = '3rem';
    } else {
        hoistingId.style.height = '';
    }
}

hoistingId.addEventListener('click', enlargeBlogItem)

顺晟科技：

您可以在父元素上使用，以确保子元素位于父元素内部且不重叠，然后使用JavaScript函数处理大小更改。属性的原始值。通过从父级的样式中移除属性，它将默认换行子级。