JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<button data-bind="click: showHistorySummary">
button
</button>
<div data-bind="visible: recordSummary">
<button data-bind="click: hideHistorySummary">
hide
</button>
stuff
</div>

JavaScript

function recordSummaryViewModel () {
    var self = this;
    self.recordSummary = ko.observable(false);

    self.showHistorySummary = function () {
        self.recordSummary(true);
    }
      self.hideHistorySummary = function () {
        self.recordSummary(false);
    }  
}


var mainf = new recordSummaryViewModel({});
ko.applyBindings(mainf);