Анимации не работают с Javascript

Question

Я старшеклассник в чрезвычайно простом классе веб-дизайна. Скучно, я собрал несколько выпадающих меню с анимированными стрелками. Мне нужно установить максимальную высоту для открытой и закрытой анимации для работы с текстом. Закрытие легко (0px), но мне нужно установить точную высоту объекта, так как ни одна из них не работает с анимацией. У меня есть следующий код, который получает полноразмерную высоту, а затем устанавливает 0 и затем это, но анимация не работает. Я думал, что это может быть из-за задержки перехода, завинчивающей значения, но даже отключение и повторное включение промежуточного значения не работает, и после регистрации он получает правильное значение высоты. Что происходит?

content.style.maxHeight = "none";
var openContentHeight = content.clientHeight;
content.style.maxHeight = "0px";
content.style.maxHeight = openContentHeight + "px";

Answer 1

Мне удалось это исправить, установив задержку с 0. Я предполагаю, что есть перезарядка для установки вещей, чтобы предотвратить неисправный / зацикленный код, чтобы убить все, и запуск его в том, что по сути является новым потоком, сделал так, чтобы перезарядка исчезла.