Css 如何设置由于内容更改而引起的宽度/高度更改的动画？

在下面的示例中，当您单击按钮时，一些内容将添加到div。我想设置div变大的动画。这在纯CSS中是可能的吗

$（'btn'）。在（'click'，function（）上{
$（“#内容”）。附加（一份正式的劳动合同，履行临时劳动合同的义务！一份临时劳动合同，履行最低劳动合同的义务？
”；
});
#内容{
背景颜色：黄色；
过渡：宽度1s，高度1s；
}

Lorem ipsum dolor sit amet，奉献精英。一种铜酸盐性口腔溃疡，eligendi ex，包括同侧口腔内的快速照明，用于治疗静脉曲张和静脉曲张

单击我
您需要对#内容使用掩码包装器，并对其应用css转换，然后使用Javascript更改其高度。每次添加新内容（高度更改）时，都需要从#内容中获取新高度


var$contentMask=$（'#contentMask'）；
var contentBoxId='#content'；
var currentHeight=getCurrentHeight（contentBoxId）；
$contentMask.css（'height'，currentHeight）；
$（'#btn'）。在（'click'，function（）上{
$（contentBoxId）。追加（Ab at que aut cumque dolor execution em officia，perferendis quis vel.Autem decount ea maiores quaerat quos temporibus！Aperiam dolorem dolores，eaque ex ipsam labour minimum nesciunt null porro quaerat vel？
）；
currentHeight=getCurrentHeight（contentBoxId）；
$contentMask.css（'height'，currentHeight）；
});
函数getCurrentHeight（选择器）{
返回$（选择器）.height（）；
}
#内容{
背景颜色：黄色；
}
#内容掩码{
溢出：隐藏；
过渡：高度1秒；
}

Lorem ipsum dolor sit amet，奉献精英。一种铜酸盐性口腔溃疡，eligendi ex，包括同侧口腔内的快速照明，用于治疗静脉曲张和静脉曲张

单击我
您需要对#内容使用掩码包装器，并对其应用css转换，然后使用Javascript更改其高度。每次添加新内容（高度更改）时，都需要从#内容中获取新高度


var$contentMask=$（'#contentMask'）；
var contentBoxId='#content'；
var currentHeight=getCurrentHeight（contentBoxId）；
$contentMask.css（'height'，currentHeight）；
$（'#btn'）。在（'click'，function（）上{
$（contentBoxId）。追加（Ab at que aut cumque dolor execution em officia，perferendis quis vel.Autem decount ea maiores quaerat quos temporibus！Aperiam dolorem dolores，eaque ex ipsam labour minimum nesciunt null porro quaerat vel？
）；
currentHeight=getCurrentHeight（contentBoxId）；
$contentMask.css（'height'，currentHeight）；
});
函数getCurrentHeight（选择器）{
返回$（选择器）.height（）；
}
#内容{
背景颜色：黄色；
}
#内容掩码{
溢出：隐藏；
过渡：高度1秒；
}

Lorem ipsum dolor sit amet，奉献精英。一种铜酸盐性口腔溃疡，eligendi ex，包括同侧口腔内的快速照明，用于治疗静脉曲张和静脉曲张

单击我
我真的希望我不会向“单击”处理程序添加任何内容。DOM更改实际上是由React处理的——这将非常困难，如果不是不可能的话。。。也许不是，我确实有一个
render（）
方法。我们必须对此进行试验。ThanksI实现了这一点，但仅在状态从该组件上方传播的特定上下文中。有点难以解释。虽然它工作时看起来很整洁：-）谢谢你的帮助。我真的希望我不会在“单击”处理程序中添加任何内容。DOM更改实际上是由React处理的——这将非常困难，如果不是不可能的话。。。也许不是，我确实有一个
render（）
方法。我们必须对此进行试验。ThanksI实现了这一点，但仅在状态从该组件上方传播的特定上下文中。有点难以解释。但它工作时看起来很整洁：-）谢谢你的帮助