p の高さが可変のアニメーションを実装するにはどうすればよいですか? たとえば、p が display:none の場合、ボタンをクリックするとボタンが表示され、高さは 0 からその最大高さまで徐々に変化します。 p. Googleの答えはmax-heightを使うというものですが、max-heightの設定が無理（大きすぎたり小さすぎたり）だとアニメーションが不自然になってしまいます。
最も簡単な方法は、JQ の slideUp メソッドと slideDown メソッドを使用することです。 以下は、私がネイティブで作成したデモです。 https://jsfiddle.net/11wrgm7b/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
最も簡単な方法は、JQ の slideUp メソッドと slideDown メソッドを使用することです。
以下は、私がネイティブで作成したデモです。
https://jsfiddle.net/11wrgm7b/