首次没有正确设置手风琴高度

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