jQueryUI附加到手风琴上

根据1.10版的文档，以下代码（也在上）用于在放置物品时将物品附加到手风琴上，应该可以使用

$( "#accordion" ).accordion();

$( "#accordionContainer" ).droppable({
    drop: function( event, ui ) {
        $( "<h3>New Item</h3>" ).appendTo( "#accordion" );
        $( "<div>New Description</div>" ).appendTo( "#accordion" );
        $( "#accordion" ).accordion( "refresh" );
    }
});

$（“#手风琴”）.accordion（）；
$（“#手风琴容器”）。可拖放({
drop：函数（事件、用户界面）{
$（“新项目”）。附录（“手风琴”）；
$（“新说明”）。附录（“手风琴”）；
$（“#手风琴”）.ac风琴（“刷新”）；
}
});

没有。附加的h3和div被附加到错误的对象，即使我明确指定了要添加它们的位置

文档中附带了一个JSFIDLE，它显示了实际的功能，但是对于新手来说，它太长太复杂了，不知道有什么不同。我一定是犯了个简单的错误。对吗？知道是什么吗

难道没有办法让手风琴既可以是手风琴又可以是可放下的吗？然后如何指定适当的“this”作为追加的目标

---

提前感谢。

对于ui版本1.10以下的用户，请尝试以下操作：-

$（函数（）{
$（“.draggable”）.draggable({
回复：false，
助手：“克隆”
});
$（“#手风琴”）。手风琴（）；
$（“#手风琴容器”）。可拖放({
drop：函数（事件、用户界面）{
$（“新项目”）。附录（“手风琴”）；
$（“新说明”）。附录（“手风琴”）；
$（“#手风琴”）.accordion（'destroy'）.accordion（）；//谢谢，这澄清了它！我不知道2.0是1.10。这还有（'accordio'）.destroy（）和（'accordion'）之间的区别。手风琴（“destroy”）和（'accordion”）.refresh（）和（'accordion”）。手风琴（“refresh”）让我参与其中。
$(function () {
    $(".draggable").draggable({
        revert: false,
        helper: "clone"
    });
    $("#accordion").accordion();
    $("#accordionContainer").droppable({
        drop: function (event, ui) {

            $("<h3>New Item</h3>").appendTo("#accordion");
            $("<div>New Description</div>").appendTo("#accordion");
            $("#accordion").accordion('destroy').accordion(); //<-- Here is the destruction and recreation
        }
    });


});

$(function () {
    $(".draggable").draggable({
        revert: false,
        helper: "clone"
    });
    $("#accordion").accordion();
    $("#accordionContainer").droppable({
        drop: function (event, ui) {

            $("<h3>New Item</h3>").appendTo("#accordion");
            $("<div>New Description</div>").appendTo("#accordion");
            $("#accordion").accordion('refresh'); //<-- Just a refresh
        }
    });


});