我如何在div中將數據綁定=“ visible：active”

Question

嗨，這是我的代碼片段：

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

我想使用以下showHide關閉和打開showHide ：

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

我不能只在視圖模型中設置變量showHide ，如下所示：

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

showHide(true); ... 節目

我可以使用click : $parent.showtimes設置它click : $parent.showtimes ，如下所示：

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

Answer 1

您只需要在viewmodel中設置綁定到按鈕單擊的函數（或修改現有的函數，在這種情況下，如showTimes）即可切換showHide的值。

這是一個簡單的示例： http : //jsfiddle.net/EfrainReyes/LNzDL/

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

ko.applyBindings(vm);

我沒有在示例中添加任何其他元素，因為該問題似乎更傾向於顯示/隱藏div。