JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
    <div ng-controller='contorller'>
        
        <div class='to_hide' ng-if='hide === true'>
            <input type="radio" name='hide' ng-click="showElement('show')" />Hide<br>    
            <input type="radio" name='hide' ng-click="showElement('show')" />Hide<br>        
        </div>
        
        <br>
        
        <div clas='to_show' ng-if='hide === false'>
            <input type="radio" name='show' ng-click="showElement('hide')" />Show</br>    
            <input type="radio" name='show' ng-click="showElement('hide')" />Show</br>   
        </div>
    </div>

</div>


<script>
    
    function contorller($scope){
    
        $scope.hide = true;
    
        $scope.showElement = function(value){
            if(value === 'hide'){
                $scope.hide = true;
            }else{
                $scope.hide = false;
            }
        }
    }
    
</script>