Tem um pequeno problema ao tentar ter a interface do usuário do jquery e os nocautes js para cooperar. Basicamente, eu quero criar um acordeão com itens sendo adicionados do nocaute através de um foreach (ou modelo

O código básico é o seguinte:

<div id="accordion">
    <div data-bind="foreach: items">
        <h3><a href="#" data-bind="text: text"></a></h3>
        <div><a class="linkField" href="#" data-bind="text: link"></a></div>
    </div>
</div>

Nada impressionante aqui ... O problema é que, se eu fizer algo como:

$('#accordion').accordion();

O acordeão será criado, mas a div interna será o seletor de cabeçalho (primeiro filho, como padrão), para que o efeito não seja o desejad

Fixando coisas com isso:

$('#accordion').accordion({ header: 'h3' });

Parece funcionar melhor, mas na verdade cria 2 acordeões e não um com 2 seções ... estranh

Eu tentei explorar modelos de knockout e usar "afterRender" para re-acordeonizar a div, mas sem sucesso ... parece re-renderizar apenas o primeiro link como acordeão e não o segundo. Provavelmente, isso se deve ao meu conhecimento iniciante da interface do usuário do jquer

Você tem alguma idéia de como fazer tudo funcionar em conjunto?