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

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());

最初，当我单击评论时，我显示文本框和按钮，但我无法隐藏链接(评论)。可能当我单击按钮文本区域时，按钮应该隐藏并且评论链接应该出现。

Ps:我是 knockout 中的美眉，请帮助我。谢谢你

问候

Answer 1

您所需要做的就是将可见属性添加到链接中。仅当 show() 为 false 时才显示它!

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