javascript - Bagaimana untuk melaksanakan animasi ketinggian berubah-ubah?

Question

Bagaimana untuk melaksanakan animasi dengan ketinggian berubah p Sebagai contoh, jika p mempunyai paparan: tiada, maka apabila butang diklik, ia akan dipaparkan, dan ketinggian akan berubah secara beransur-ansur dari 0 kepada ketinggian maksimum p? . Jawapan daripada Google ialah menggunakan max-heigth Walau bagaimanapun, jika tetapan max-height tidak munasabah (sama ada terlalu besar atau terlalu kecil), animasi akan menjadi luar biasa.

Answer 1

Cara paling mudah ialah menggunakan kaedah slideUp dan slideDown JQ
Berikut ialah demo yang saya tulis dalam bahasa asli.
https://jsfiddle.net/11wrgm7b/

.