CSS3：高度過渡不工作 - 具體使用情況

Question

我有此codepen這是我的代碼的簡化版本： http://codepen.io/anon/pen/pjZXob

我試圖讓.destinationsTopicContent DIV轉變其height from 0 to auto;然而，在這個用例的嵌套在可見性中：隱藏的div。

是否有人可以解決這個筆我這樣的高度將過渡喜​​歡這裏：在這個特定但是 http://jsfiddle.net/thechrisjordan/3Fc7D/23/

我已在其他HTML結構（像在撥弄發現的）工作，用例我似乎無法使其工作。

（最好在其他分區的屬性不改變）

Answer 1

#list { 
    max-height: 0; 
    transition: all .9s ease-out; 
    overflow: hidden; 
    background: #d5d5d5; 
} 

#menu:hover #list { 
    max-height: 500px; 
    transition: max-height 0.25s ease-in; 
} 

CHK thiss ......它的工作...