JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='visibleApp'>
        <div ng-controller='myController'>
            <input type="checkbox" name="hideBasicInfo" ng-model="hideBasicInfo">hide the basic information section
                <div ng-show="hideBasicInfo">
                    <label for="firstName">First Name:</label>
                    <input type="text" name="firstName" ng-model="firstName"/></br>
                    <label for="middleName">Middle Name:</label>
                    <input type="text" name="middleName" ng-model="middleName"/></br>
                    <label for="lastName">Last Name:</label>
                    <input type="text" name="lastName" ng-model="lastName"/>
                </div>
                <hr/>
                <div>
                    <h4>Debug Information</h4>
                    hideBasicInfo: {{hideBasicInfo}}<br/>
                    !hideBasicInfo: {{!hideBasicInfo}}
                </div>

JavaScript

var visibleApp = angular.module('visibleApp',[]);

visibleApp.controller('myController', function($scope){
	 $scope.data = "my data";
	 $scope.hideBasicInfo = false; 
});