JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="test1" value="List" onclick="viewtoggle(test1)"/>
<input type="button" id="test2" value="Map" onclick="viewtoggle(test2)"/>

<div id ="test1" style="display:none">Grid</div>
<div id="test2" data-bind="visible: !showGrid()">List</div>

JavaScript

//var ViewModel = function() {
    //var self = this;
    
    //self.showGrid = ko.observable(true);
    //self.toggleView = function() {
        //self.showGrid(!self.showGrid());
    //}
//}

//var vm = new ViewModel();
//ko.applyBindings(vm);
function viewtoggle(type){
$('#test1').hide(100);
$('#test2').hide(100);
$('#'+type).show(100);

}