javascript - Ajax呼び出し後にjQueryで「高さ」宣言を保持する（ドロップダウン選択は製品データをロードし、他のページ要素の高さをリセットします）

Question

製品の説明に高さを設定するjQueryがいくつかあります。これは次のように表示されます。

https://www.gabbyandlaird.com/product/truition-products/truition-healthy-weight-loss-pack

これを実現するために使用しているコードは次のとおりです。

$(document).ready(function() {

var $dscr = $('.commerce-product-field-field-long-description'),
    $switch = $('#toggle'),
    $initHeight = 70; // Initial height

$dscr.each(function() {
    $.data(this, "realHeight", $(this).height());    // Create new property realHeight
    }).css({ overflow: "hidden", height: $initHeight + 'px' });

$switch.toggle(function() {
      $dscr.animate({ height: $dscr.data("realHeight") }, 200);
      $switch.html("- Read More").toggleClass('toggled');

    }, function() {
        $dscr.animate({ height: $initHeight}, 200);
        $switch.html("+ Read More").toggleClass();
    });
});

私は決してJavascriptの専門家ではありません（またはそのことについてはアマチュアですら）。jQueryに関する私の知識はかなり限られているため、ドロップダウン選択によってページ上のデータが再読み込みされたときに、[続きを読む]セクションの高さの値が失われないように、上記で何を変更する必要があるかわかりません。製品説明。どんな援助も大歓迎です。ありがとう！