隐藏/显示按钮和链接交替？昏死

Question

我一直在努力隐藏/显示哪些简单的变化。

第一阶段： 我最初有一个链接（评论），当我单击它时，我需要在文本区域的右下方显示一个带有按钮的文本区域，并且此处的链接按钮进入隐藏状态。

第二阶段： 稍后当我单击按钮（POST）时，文本区域和按钮应该消失并且链接应该可见

到目前为止我尝试过的东西：

HTML：

<a href="#" data-bind="click: showBox">Comment</a>

<input type="textarea" data-bind="visible: show"/>
<input type='button' data-bind="visible: show"  value="show"/>

KnockOutjs：

var viewModel = function()
{
    self = this;
    self.show =  ko.observable(false);
    self.showBox = function(){
    self.show(true); 
     };
}

ko.applyBindings(new viewModel());

最初，当我单击评论时，我正在显示文本框和按钮，但我无法隐藏链接（评论）。可能当我单击按钮 textarea 和按钮应该隐藏和评论链接应该出现。

Ps：我是淘汰赛的业余选手，帮帮我。谢谢你

问候

Answer 1

您需要做的就是将可见属性添加到您的链接。仅在 show() 为 false 时显示！

<a href="#" data-bind="click: showBox, visible: show() === false">Comment</a>

Answer 2

您可以像这样交替显示视图状态。

self.showBox = function(){
   self.show(!self.show()); 
};