Javascript Knockout.js：没有jQuery UI的Accordion/collapse元素

如何在没有jQuery UI的情况下创建一个简单的击倒手风琴

现有的示例中似乎只有jQueryUI

HTML示例：

<div class="alert alert-warning alert-detailed">
    <span>Header</span>
    <a title="Open detailed description" class="right toggle-details"><i class="fa fa-angle-double-down"></i> View details</a>    
    <p>Content
    <a title="Dismiss alert" class="right dismiss-alert"><i class="fa fa-trash"></i> Dismiss</a>    
</p>

标题
查看详细信息
内容
解雇

---

最简单的实现：

功能手风琴（项目，openIndex）{
var self=这个；
self.items=ko.observearray（项目）；
self.openItem=ko.可观察（items[openIndex]）；
}
可变项目=[
{标题：“项目1”，内容：“Lorem ipsum dolor sit amet，Concetetur Adipising Elite.”，
{标题：“项目2”，内容：“Mauris at metus eget eros ultrices lobortis.”，
{标题：“第3项”，内容：“Nunc lorem elit，生命前设施，侵权前维韦拉。”}
];
ko.applyBindings（新手风琴（项目1））
手风琴{
左侧填充：0；
列表样式：无；
边框顶部：1件纯银；
}
手风琴>李{
填充物：5px；
边框底部：1px纯银；
}
ul.accordion>li>.content{
显示：无；
}
ul.accordion>li>标题{
光标：指针；
字体大小：粗体；
}
ul.accordion>li.accordion-open>标题{
光标：自动；
}
ul.accordion>li.accordion-open>.content{
显示：块；
}

类似的内容。这很好，您可以轻松地将其与数据源连接起来。请务必花几分钟时间了解viewmodel中的打开机制是如何工作的。