JSFiddle - React, Tailwind, and code Playground

by Akim Khalilov

HTML

<div>
    <a data-bind="click: showHiddenFirst, visible: isVisibleFirst"href="#">Show first</a>
    <div data-bind="visible: !isVisibleFirst()" style="display:none">
        hidden content first
    </div>
</div>
<div>
    <a data-bind="click: showHiddenSecond, visible: isVisibleSecond"href="#">Show second</a>
    <div data-bind="visible: !isVisibleSecond()" style="display:none">
        hidden content second
    </div>
</div>

JavaScript

var vm = function(){
    this.isVisibleFirst = ko.observable(true);
    
    this.showHiddenFirst = function(){
        this.isVisibleFirst(false)
    };
    
        this.isVisibleSecond = ko.observable(true);
    
    this.showHiddenSecond = function(){
        this.isVisibleSecond(false)
    };
};
    
ko.applyBindings(new vm());