Javascript 是否交替隐藏/显示按钮和链接？击倒

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

第1阶段： 我有一个链接（评论），最初当我点击时，我需要显示一个文本区域，按钮在文本区域的右下角，这里链接按钮进入隐藏状态

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

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

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

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

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

ko.applyBindings(new viewModel());

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"/>

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

ko.applyBindings(new viewModel());

最初，当我点击评论时，我会显示文本框和按钮，但我无法隐藏链接（评论）。很可能当我点击按钮文本区域和按钮应该隐藏和评论链接应该出现

Ps：我是击倒赛的一名选手，帮帮我。谢谢

---

关于

您可以这样交替视图状态

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

---

您所需要做的就是将visible属性添加到链接中。仅当show（）为false时才显示它

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

---

添加一个名为hideBox的新函数，该函数设置self.show（false）。将其设置为textarea按钮的单击绑定处理程序。将可视绑定添加到锚点标记，如“visible:！show（）”。一种方法可以很好地工作。当我们单击链接文本区域和按钮显示时，但当我单击按钮时，我必须再次显示链接。任何进一步的澄清让我知道你的更新按钮功能在回来的路上，只需设置self.show（假）；坐吧，傻瓜们！：-）oops在小提琴它的工作良好，但我得到的错误，即展示箱未定义？可见：show（）==false。未定义的异常即将出现。我需要创建模型吗？因为fiddle是一个有效的工具，所以需要确定您自己的代码和示例中实际执行的操作之间的差异。如果html文件和js代码不起作用，请发送给我，您可以从我的个人资料中获取我的电子邮件地址！真倒霉。它不起作用。它像一个开关一样工作，但我不需要。链接和按钮应该隐藏/显示，就像我点击带有文本的链接按钮时一样。区域应该显示带有注释的链接应该隐藏自己。稍后当我点击按钮时，评论链接应该显示，按钮和文本区域应该隐藏。如果有任何澄清，请告诉我