jquery - 第一次没有正确设置手风琴高度

Question

我有一个 jquery 选项卡组件。在每个选项卡中，我都有一个手风琴。我的问题是第二个标签中的手风琴。我第一次从第一个选项卡切换到第二个选项卡时，手风琴的面板没有根据其内容进行调整，并且出现一个垂直滚动条。但是，如果我从第二个选项卡切换到第一个选项卡，然后再从第一个选项卡切换到第二个选项卡，它工作正常，并且我也这样做了。它只是第一次失败。出了什么问题，在我的代码下面：

$(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");
        }
    });
});