Как правильно анимировать max-height?

Question

[cody-maverick]

Есть такой пример https://codepen.io/cody-maverick/pen/ZjXJqK
При клике на кнопку Подробнее блок должен разворачиваться с анимацией, но анимации не происходит, хотя в стилях все прописано. Как это правильно реализовать?

Answer 1

[Антон]

$('.about__desc').on('click', '.more-btn', function(event) {
		$('.about__desc').animate({'max-height' : 9999+'px'}, 1500);
		$(this).addClass('hidden');
	});