输入框的隐藏和显示怎么实现？

当启用栏为开启时，地址那个输入框显示，为关闭时，下面的输入框隐藏，请问怎么做? 图片说明

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.0/angular.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="myCtrl">
        <select ng-model="yesno" ng-change="myFunc()"><option value="开启" >开启</option><option value="关闭">关闭</option></select>
        <div ng-show="show">地址：<input type="text" /></div>
    </div>
    <script>
        angular.module('myApp', [])
        .controller('myCtrl', ['$scope', function ($scope) {
            $scope.yesno = '开启';
            $scope.show = $scope.yesno == '开启';
            $scope.myFunc = function () { $scope.show = $scope.yesno == '开启'; };
        }]);
    </script>
</body>

$(".data").bind("change",function(){
var dataname = $(this).val();

            if(dataname=="开启"){
              $("#pro").show();

            }else{
                $("#pro").hide();
            }

    });

就上面的对，下拉框做个变动事件，改变的时候判断一下选中的值，然后决定下面的是否显示，直接hide或者show就可以了