JSFiddle - React, Tailwind, and code Playground

by Valerie Ren

HTML

<div data-bind="visible: shouldShowMessage">
    You will see this message only when "shouldShowMessage" holds a true value.
</div>

JavaScript

var viewModel = {
        shouldShowMessage: ko.observable(true) // Message initially visible
    };
    viewModel.shouldShowMessage(false); // ... now it's hidden
    //viewModel.shouldShowMessage(true); // ... now it's visible again