animate関数(heightプロパティ)を使って、DIVブロックの高さを変更しoverflowの隠れているテキストを表示するDIVブロックのスクロールしないと見えない隠れている(overflow)テキストは、気になるものです。jQuery(heightプロパティ)を使い、ボタンクリックで、DIVブロックの高さをアニメーションで伸び縮みさせて、overflow部分の隠れているテキストを全部表示させたり、元の表示に戻したりします。スクロールの高さを変更するjQuery(heightプロパティ)の記述形式は次のとおりです。animate関数(heightプロパティ)を使って、DIVボックスの高さを変更し、テキストすべてを表示するボタンをクリックすると、コンテンツを全て表示できる高さにスクロールボックスをアニメーションで伸ばします。scrollHeightで、テキスト全体の高さを自動取得します。ボタンをクリックすると、元の高さ(CSS定義のheight値)にスクロールボックスをアニメーションで戻します。heightで自動取得します。参考)jQuery/JAVASCRIPT/CSS/HTMLソースコードjQuery/JAVASCRIPTanimate関数(heightプロパティ)を使って、DIVブロックのスクロールボックスの高さを変更します。その高さは、ボタンクリックにより、「テキストの全体の高さ」と「CSS定義の高さ」の2つの状態を交互につぎの高さの値で変更します。