javascript - 我如何在 div 中进行数据绑定(bind) = "visible : active"

Question

嗨，这是我的代码片段:

<div class="showtimes" data-bind="visible: showHide">
 <div data-bind="template: { name: 'movie-grouped-showtimes-template', data: $data }"></div>
</div> 

我想使用以下命令关闭和打开 showHide:

<a class="icon arrow" data-bind="click: $parent.showtimes">

我不能在我的 View 模型中设置一个变量showHide，如下所示:

self.showHide = ko.observable(false) ... 隐藏

showHide(true); ... 显示

我可以使用 click : $parent.showtimes 来设置它吗，如下所示:

<a class="icon arrow" data-bind="click: $parent.showtimes"></a>        

Answer 1

您只需在绑定(bind)到按钮点击的 View 模型中设置一个函数(或修改现有函数，如本例中的 showTimes)来切换 showHide 的值。

这是一个简单的例子:http://jsfiddle.net/EfrainReyes/LNzDL/

var vm = {
    showHide: ko.observable(false),
    toggle: function() {
        this.showHide( !this.showHide() );
    }
};

ko.applyBindings(vm);

我没有在示例中添加任何其他元素，因为问题似乎更多地针对显示/隐藏 div。