jquery - 個別の折りたたみ可能なセットのように動作する AJAX JQuery モバイル折りたたみ可能

Question

if(x.length > 0){
    $("#txtHint").append('<div data-role="collapsible-set" id="collapsible-set"></div>');
    for(i = 0; i < x.length; i++){
        var collapsible = '<div data-role="collapsible" data-collapsed="true" data-theme="none">Content</div>';
                    $("[data-role=collapsible-set]").append($(collapsible).collapsible()).trigger("create");
    } 
}

折りたたみ可能な div を追加しても問題ありませんが、別々のセットにあるように表示されます。

これにより、何が起こっているのかを視覚的により明確に把握できます: http://jsfiddle.net/gNJn8/