CSS/Javascript переключает высоту с анимацией?

Question

мне нужно переключить всю высоту до определенной высоты, это мой текущий код:

<div style="height: 20px; overflow: hidden; display: block;" onclick="if (this.style.height == '20px') { $(this).animate({height:'auto'} } else { $(this).animate({height:'20px'}); }"> 

Проблема заключается в том, что:

$(this).animate({height:'auto'} - Анимационный на «авто» высоту, не работает

Использование простой JS this.style.height = 'auto' действительно работает:

Как можно либо анимировать его с помощью jQuery, либо добавить анимацию в javascript? (либо на JS, либо на CSS). Я понимаю, что проблема заключается в анимации до неизвестной высоты, есть ли способ получить как можно больше высоты? или idk, как это можно решить?

Answer 1

Вот animateAuto плагин, который устраняет это ограничение на .animate() API:

http://css-tricks.com/snippets/jquery/animate-heightwidth-to-auto/