CSS3過渡：禁用恢復動畫

Question

我設置這種風格，以動畫顯示，當元素的高度從0變到：

.information-bar { height: 30px; } 
.information-bar-collapsed { height: 0; } 
.information-bar { background-color: #f9e288; -moz-transition: height 0.3s ease; -webkit-transition: height 0.3s ease; } 

但它也表明，當動畫元素的高度從30到0的變化。我怎樣才能避免第二個動畫？

謝謝。

Answer 1

加入這種風格的解決：

.information-bar-collapsed { -moz-transition: all 0s ease; -webkit-transition: all 0s ease; } 

現在，當信息欄顯示它顯示動畫，而當它隱藏動畫不顯示。