Consegui consertar definindo um delay com 0. Eu suponho que há um cooldown na configuração das coisas para evitar que o código defeituoso / loop de matar tudo, e executá-lo no que é essencialmente um novo thread fez com que o cooldown terminasse.
Eu sou um colegial em uma aula extremamente básica de web design. Entediado, eu joguei alguns menus suspensos com setas animadas. Eu preciso definir max-height para abrir e fechar animações para trabalhar com texto. O fechamento é fácil (0px), mas eu preciso definir a abertura para a altura exata do objeto, pois nenhum deles funciona com animações. Eu tenho o seguinte código que recebe a altura de tamanho normal e, em seguida, define como 0 e, em seguida, isso, mas a animação não funciona. Eu pensei que poderia ser por causa do atraso de transição enroscando os valores, mas mesmo desligando e ligando o meio entre eles, não funciona e, ao fazer o log, ele obtém o valor de altura correto. O que aconteceu?
content.style.maxHeight = "none";
var openContentHeight = content.clientHeight;
content.style.maxHeight = "0px";
content.style.maxHeight = openContentHeight + "px";
Consegui consertar definindo um delay com 0. Eu suponho que há um cooldown na configuração das coisas para evitar que o código defeituoso / loop de matar tudo, e executá-lo no que é essencialmente um novo thread fez com que o cooldown terminasse.
Tags javascript css