jquery - For-EachをJQueryアコーディオンにバインド

Question

foreachループを使用してアコーディオンUIを作成したいと思います。私はこれまでに次のコードを持っています...

HTML

<div id="accordion" data-bind="foreach: fixtures">
   <h3><a href="#" data-bind="text: name"></a></h3>
   <div>Information</div>
</div>

JAVASCRIPT

$("#accordion").accordion({ header: "h3", collapsible: true, active: true});

これがどこでうまくいかないかについての手がかりはありますか？

Answer 1

$(document).ready(function () {... の中に入れます

$(document).ready(function () {
    ...
    $("#accordion").accordion({ header: "h3", collapsible: true, active: true });
});