javascript - Comment implémenter une animation à hauteur variable?

Question

Comment implémenter une animation avec une hauteur variable de p ? Par exemple, si un p a display : none, alors lorsque l'on clique sur un bouton, il sera affiché, et la hauteur passera progressivement de 0 à la hauteur maximale du p . La réponse de Google est d'utiliser max-heigth. Cependant, si le paramètre max-height est déraisonnable (trop grand ou trop petit), l'animation ne sera pas naturelle.

Answer 1

Le moyen le plus simple est d'utiliser les méthodes slideUp et slideDown de JQ.
Voici la démo que j'ai écrite en natif.
https://jsfiddle.net/11wrgm7b/

.