jQueryを使用してDiv要素をアニメーション化して高さを自動調整する方法?

1. 現在の高さを保存します。
   の高さを決定します。サイズ変更前。

   var curHeight = $('#first').height();

   ログイン後にコピー

   2. 自動高さへの移行: 高さプロパティを一時的に 'auto' で上書きします。

   $('#first').css('height', 'auto');

   ログイン後にコピー

   3. 自動高さを取得します:
      の自然な高さを取得します。自動高さを使用します。

      var autoHeight = $('#first').height();

      ログイン後にコピー

      4. 元に戻してアニメーション化します: 初期の高さを復元し、自動高さにアニメーションを開始します。

      $('#first').height(curHeight).animate({height: autoHeight}, 1000);

      ログイン後にコピー

      5. コードを連結します:すべての手順を組み合わせて、簡単な解決策を作成します。

      var el = $('#first'),
          curHeight = el.height(),
          autoHeight = el.css('height', 'auto').height();
      el.height(curHeight).animate({height: autoHeight}, 1000);

      ログイン後にコピー

以上がjQueryを使用してDiv要素をアニメーション化して高さを自動調整する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。