jquery динамически добавить в аккордеон

Используя пример из jQuery UI , я попытался динамически добавить раздел в аккордеон (на основе this ), но я могу ' t заставить аккордеон правильно изменить размер. Новый раздел переполняет контейнер «аккордеон», и при нажатии на него он сжимается в контейнере, скрывая содержимое раздела. См. скрипт .

Как я могу добавить раздел и изменить размер аккордеона?

$(function() {
    $("#accordion").accordion({
        fillSpace: true
    });

    // I want to dynamically add sections to the accordion,
    // but it doesn't resize properly...
    $("#accordion")
                .append('
New Section
hello world
')
                .accordion("destroy")
                .accordion({ fillSpace:true })
                .accordion("resize")
        ;

    $("#accordionResizer").resizable({
        minHeight: 140,
        resize: function() {
            $("#accordion").accordion("resize");
        }
    });
});