p の高さが可変のアニメーションを?qū)g裝するにはどうすればよいですか? たとえば、p が display:none の場(chǎng)合、ボタンをクリックするとボタンが表示され、高さは 0 からその最大高さまで徐々に変化します。 p. Googleの答えはmax-heightを使うというものですが、max-heightの設(shè)定が無(wú)理(大きすぎたり小さすぎたり)だとアニメーションが不自然になってしまいます。
最も簡(jiǎn)単な方法は、JQ の slideUp メソッドと slideDown メソッドを使用することです。
以下は、私がネイティブで作成したデモです。
https://jsfiddle.net/11wrgm7b/