儿童能见度变化时的Div高度转换

Question

<div id='parent'>
    <div class='children'></div>
    <div class='children'></div>
    <div class='children'></div>
    <div class='children'></div>
</div>

子节点以编程方式显示或隐藏,以更改父元素的高度.如何设置#parent高度变化的动画？我试过css过渡属性,但它没有用.

Answer 1

而不是.hide()和.show()使用slideUp()和slideDown()动画,将产生一个很好的效果,而不是那种不稳定的效果.

编辑:添加>> DEMO <<