twitter-bootstrap - Bootstrap アコーディオンが Knockout で生成されたアイテムで機能しない

Question

私は Knockout を使用して、Twitter-Bootstrap アコーディオンを動的に一般化しています。データ バインディングはうまく機能しているように見え、アコーディオンの最初のレンダリングが機能します。ただし、グループを開くか閉じるかを切り替えるハイパーリンクは機能しません。必要な属性を設定したと思います...

<div class="accordion" id="accordion-testitem-list">
    <!-- ko foreach : { data: items, as: 'testitem' } -->
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-testitem-list" data-bind="text: testitem.Name, attr: { href : '#collapsible' + testitem.ID, 'data-target': '#collapsible' + testitem.ID }">
            </a>
        </div>
        <div data-bind="attr: { id: '#collapsible' + testitem.ID }" class="accordion-body collapse">
            <div class="accordion-inner"> <span data-bind="text: testitem.Description"></span>

            </div>
        </div>
    </div>
    <!-- /ko -->
</div>

これが私の問題の例です: http://jsfiddle.net/andrewransom/3h3qp/

副次的な質問: 私は jsFiddle を初めて使用するので、最新バージョンの jQuery/Bootstrap/Knockout でセットアップされた jsFiddle を持つテンプレート (または手順) を教えてもらえますか?