Knockout - stackoverflow answer for visible and css bindings

http://stackoverflow.com/questions/8798056/knockout-js-visibility-not-working-when-css-style-is-applied

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
Success Flag: <input type="checkbox" data-bind="checked:site.signUp.success"></input>
<div data-bind="visible: site.signUp.success" >
    1. Thanks for signing up.  You will recieve an email from us in the near future.
</div>

<br/><br/>
<div data-bind="css: { success: site.signUp.success}" >
    2. Thanks for signing up.  You will recieve an email from us in the near future.
</div>

CSS

.success { display:none }

JavaScript

var viewModel = {
    site: {
        signUp: {
            success: ko.observable(true)
        }
    }
};
ko.applyBindings(viewModel);