jquery - 初めてアコーディオンの高さが正しく設定されなかった

Question

jquery タブ コンポーネントがあります。各タブにアコーディオンがあります。私の問題は、2 番目のタブ内のアコーディオンです。最初のタブから 2 番目のタブに初めて切り替えると、アコーディオンのパネルがコンテンツに合わせて調整されず、垂直スクロールバーが表示されます。ただし、2 番目のタブから最初のタブに切り替えてから、最初のタブから 2 番目のタブに切り替えると、問題なく動作し、連続して同じように動作します。失敗するのは最初だけです。私のコードの下で、何が問題なのですか：

$(document).ready(function () {
    var tabs = $("#tabs").tabs({
        activate: function (event, ui) {
            $("#accordion2").accordion({

                beforeActivate: function (event, ui) {
                    $("#accordion2").accordion({ clearStyle: true, autoHeight: false });
                    $(ui.newPanel).css('height', '100');
                    $(ui.newPanel).css('min-height', '100');
                    $(ui.newPanel).css('max-height', '400');
                    //$(ui.newPanel).css('overflow', 'visible');
                }
            }); // End Accordion
        } // End Activate tab
    }); // End tabs

    tabs.find(".ui-tabs-nav").sortable({
        axis: "x",
        stop: function () {
            tabs.tabs("refresh");
        }
    });
});