Wysokość przejścia webkita dla elementu div z dynamiczną zmianą wysokości na podstawie zawartości?

Question

zobacz następujący jsFiddle

http://jsfiddle.net/SgyEW/10/

Można kliknąć różnych przycisków, który pokazuje różne treści długość, która powoduje, że pole do wzrostu/kurczyć.

Chcę zmiana wysokości do być animowane, więc nie jest tak nerwowy, próbowałem, dodając:

-webkit-transition: all 1s linear; 

Ale to nie ma znaczenia w tym przypadku zastosowania. Wszelkie pomysły w zakresie rozwiązania, które nie wymaga JavaScript?

Dzięki

Answer 1

Obawiam się, że nie jest sposobem animowanie wysokość z przejściami CSS3 bez jakiejś pomocy JavaScript, sprawdź:

How can I transition height: 0; to height: auto; using CSS?

Can you use CSS3 to transition from height:0 to the variable height of content?

Dodatkowo kod idzie z wyświetlacza: brak do wyświetlenia: blok, który w żadnym wypadku nie miałby wpływu na wysokość. Zamiast wyświetlania żadna wysokość użycia: 0 z przepełnieniem: ukryty;