在销毁其中的子元素时对父元素的过渡效果

Question

我正在尝试弄清楚如何过渡 父 div的高度，当其中的子元素被销毁时。我正在使用fadeOut（）删除子元素，并尝试将transition: height 2s;应用于父div，但是当我销毁子元素时似乎没有发生平滑过渡。我也尝试了transition: all 2s，但这似乎也没有用。我找不到任何其他问题的答案满足我的要求。父div是'option'类。这里是父div的css：

.option {
    color: #052101;
    background-color: white;
    box-shadow: 2px 2px 5px black;
    width: 20%;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    transition: all 2s;
}