knockout.js - Knockout js扩展元素

Question

嗨，我对 knockout.js 非常陌生

我有跟随小提琴https://jsfiddle.net/xrealtv/q7oy15pk/5/

            var jsonData = {  check fiddle };

当我点击蓝色锦标赛或红色运动时，如何使切换折叠和展开？

在重复的答案中有代码

function Sample(item) {
var self = this;
self.name = ko.observable(item.name);
self.id = ko.observable(item.id);
self.expanded = ko.observable(false);
self.toggle = function (item) {
    self.expanded(!self.expanded());
};
self.linkLabel = ko.computed(function () {
    return self.expanded() ? "collapse" : "expand";
}, self);
}


var data = ko.utils.arrayMap(json, function (item) {
        return new Sample(item); // making things independent here 
    });
    self.items = ko.observableArray(data);

我会把它放在小提琴的哪里，这样它就可以工作了？

标签： knockout.js